.news-page .site-header [aria-current] {
  color: var(--purple-deep);
  text-decoration: underline;
  text-underline-offset: .35em;
}
.news-index, .news-article {
  padding-block: clamp(40px, 7vw, 100px);
}
.news-index { max-width: 1000px; }
.news-index-heading { margin-bottom: clamp(28px, 5vw, 52px); }
.news-index-heading h1, .news-article-heading h1 {
  font-size: clamp(2.55rem, 6vw, 4.9rem);
  margin-bottom: 18px;
}
.news-index-heading > p:last-child {
  color: var(--muted);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  max-width: 39rem;
  margin-bottom: 0;
}
.news-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.news-card-picture { background: var(--lavender); padding: clamp(16px, 3vw, 28px); }
.news-card-picture img { width: 100%; height: auto; border-radius: 10px; }
.news-card-copy { padding: clamp(23px, 4vw, 44px); align-self: center; }
.news-card-copy h2 {
  font-size: clamp(1.65rem, 3.2vw, 2.5rem);
  margin-bottom: 14px;
}
.news-card-copy h2 a:hover { color: var(--purple-deep); }
.news-meta { font-size: .875rem; color: var(--muted); margin-bottom: 12px; }
.news-article { max-width: 920px; }
.news-back { display: inline-block; margin-bottom: 28px; }
.news-article-heading, .news-prose {
  max-width: 43rem;
  margin-inline: auto;
}
.news-article-heading { margin-bottom: 32px; }
.news-article-heading h1 { font-size: clamp(2.2rem, 5.6vw, 4.25rem); }
.news-prose { font-size: clamp(1rem, 2vw, 1.125rem); }
.news-prose > p { margin-bottom: 1.15em; }
.news-lead { font-size: 1.13em; }
.news-figure {
  margin: clamp(28px, 5vw, 48px) auto;
  max-width: 46rem;
}
.news-figure img {
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.news-figure figcaption { margin-top: 8px; color: var(--muted); font-size: .875rem; }
.news-prose h2 {
  font-size: clamp(1.6rem, 3vw, 2.3rem);
  margin: 1.4em 0 .6em;
}
.news-feedback {
  margin-top: 36px;
  padding: clamp(20px, 4vw, 34px);
  background: var(--lavender);
  border-radius: var(--radius);
}
.news-feedback h2 { margin-top: 0; }
@media (max-width: 720px) {
  .news-card { grid-template-columns: 1fr; }
}