/**
 * Exchange Newsletters
 *
 * These rules extend the shared newsletter design for a responsive list of
 * publications hosted by outside chapters and services.
 */
.exchange-hero {
  padding:clamp(4rem,7vw,7rem) max(4.5vw,calc((100vw - 81.875rem)/2));
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:7vw;
  align-items:end;
  background:var(--blue);
  color:#fff
}
.exchange-hero h1 {
  margin:1.35rem 0 0;
  font:500 clamp(4rem,8vw,7rem)/.84 var(--font-display);
  letter-spacing:-.04em;
  text-transform:uppercase
}
.exchange-hero h1 em {
  color:var(--gold);
  font-style:normal
}
.exchange-hero>p {
  color:#d2dbea;
  line-height:1.8
}
.exchange-library {
  padding:clamp(4rem,7vw,7rem) max(4.5vw,calc((100vw - 81.875rem)/2))
}
.exchange-heading {
  margin-bottom:clamp(3rem,5vw,4.5rem);
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:3rem
}
.exchange-heading h2 {
  margin:.75rem 0 1rem;
  font:500 clamp(3rem,6vw,5rem)/.95 var(--font-display);
  text-transform:uppercase
}
.exchange-heading>div>p:last-child {
  max-width:48rem;
  margin-bottom:0;
  color:#626a76;
  line-height:1.8
}
.exchange-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--ink);
  border-left:1px solid var(--ink)
}
.exchange-card {
  min-height:14rem;
  padding:1.75rem;
  display:flex;
  flex-direction:column;
  border-right:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
  background:#fff
}
.exchange-card small {
  color:var(--red);
  font-size:.6rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase
}
.exchange-card strong {
  margin:.9rem 0 1.5rem;
  font:500 clamp(1.5rem,2.4vw,2.2rem)/1.05 var(--font-display);
  text-transform:uppercase
}
.exchange-editions {
  margin-top:auto;
  display:grid;
  gap:.55rem
}
.exchange-editions a {
  padding:.75rem .8rem;
  display:flex;
  justify-content:space-between;
  gap:1rem;
  border:1px solid #d8dce3;
  background:#f7f8fa;
  transition:background .18s ease,color .18s ease,border-color .18s ease
}
.exchange-editions a:hover,.exchange-editions a:focus-visible {
  border-color:var(--ink);
  background:var(--ink);
  color:#fff;
  outline:none
}
.exchange-editions span {
  font-size:.75rem;
  font-weight:800
}
.exchange-editions small {
  color:#6c7480;
  font-size:.62rem;
  font-weight:700;
  word-break:break-word
}
.exchange-editions a:hover small,.exchange-editions a:focus-visible small {
  color:#cbd3df
}
.exchange-permanent-resources {
  margin-top:1rem;
  padding-top:1rem;
  border-top:3px solid var(--gold)
}
.exchange-permanent-resources h3 {
  margin:0 0:.65rem;
  color:var(--ink);
  font:600 1rem/1.2 var(--font-display);
  letter-spacing:.035em;
  text-transform:uppercase
}
.exchange-permanent-resources a {
  display:inline-block;
  color:var(--red);
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase
}
.exchange-permanent-resources a:hover,
.exchange-permanent-resources a:focus-visible {
  color:var(--ink)
}
.exchange-source-note,.exchange-unavailable {
  margin-top:3rem;
  padding:2rem;
  background:var(--cream)
}
.exchange-source-note {
  display:grid;
  grid-template-columns:.55fr 1.35fr auto;
  gap:2rem;
  align-items:center
}
.exchange-source-note strong {
  font:500 1.5rem var(--font-display);
  text-transform:uppercase
}
.exchange-source-note p {
  margin:0;
  color:#626a76;
  line-height:1.7
}
.exchange-source-note a {
  font-size:.72rem;
  font-weight:800
}
.exchange-source-note a:hover {
  color:var(--red)
}
.exchange-unavailable h2 {
  margin-top:0;
  font:500 2.5rem var(--font-display);
  text-transform:uppercase
}
@media(max-width:1000px) {
  .exchange-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .exchange-source-note {
    grid-template-columns:1fr 2fr
  }
  .exchange-source-note a {
    grid-column:2
  }
}
@media(max-width:700px) {
  .exchange-hero,.exchange-source-note {
    grid-template-columns:1fr
  }
  .exchange-heading {
    align-items:flex-start;
    flex-direction:column
  }
  .exchange-grid {
    grid-template-columns:1fr
  }
  .exchange-card {
    min-height:13rem
  }
  .exchange-editions a {
    align-items:flex-start;
    flex-direction:column;
    gap:.25rem
  }
  .exchange-source-note a {
    grid-column:auto
  }
}
@media print {
  .exchange-hero {
    background:#fff;
    color:#000
  }
  .exchange-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .exchange-card {
    break-inside:avoid
  }
}