.page-news {
  --news-index: 232px;
  --news-gap: clamp(22px, 4vw, 56px);
  --news-line: 1px solid rgba(194, 161, 90, .38);
  --news-soft: rgba(194, 161, 90, .12);
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
}

.page-news .news-masthead {
  padding-top: clamp(22px, 4vw, 44px);
  padding-bottom: clamp(28px, 4vw, 52px);
}

.page-news .crumbs {
  margin-bottom: clamp(22px, 4vw, 40px);
}

.page-news .news-masthead__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
  align-items: start;
}

.page-news .news-masthead__title {
  margin: 10px 0 16px;
  max-width: 15em;
  color: var(--ink-green);
  font-size: clamp(32px, 6vw, 58px);
  line-height: 1.18;
  letter-spacing: -.02em;
}

.page-news .news-masthead__lead {
  max-width: 44em;
  margin: 0 0 20px;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.78;
}

.page-news .news-masthead__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-news .news-masthead__aside {
  padding: 20px;
  border: var(--news-line);
  background: var(--archive-green);
  color: var(--paper);
}

.page-news .news-masthead__mono {
  margin: 0 0 12px;
  color: var(--gold-light);
  font-size: 12px;
  letter-spacing: .14em;
}

.page-news .news-masthead__hint {
  margin: 0 0 18px;
  color: rgba(245, 240, 230, .82);
  font-size: 14px;
  line-height: 1.7;
}

.page-news .news-masthead__aside .btn + .btn {
  margin-top: 10px;
}

.page-news .news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--news-gap);
  padding-bottom: clamp(36px, 6vw, 72px);
}

.page-news .news-index {
  min-width: 0;
  padding-bottom: 18px;
  border-bottom: var(--news-line);
}

.page-news .news-index__block + .news-index__block {
  margin-top: 24px;
}

.page-news .news-index__block--note {
  padding: 14px;
  background: var(--paper-dim);
}

.page-news .news-cat-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.page-news .news-cat-link {
  display: inline-block;
  padding: 7px 11px;
  border: 1px solid rgba(12, 35, 30, .18);
  color: var(--archive-green);
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color 180ms var(--ease), background-color 180ms var(--ease), color 180ms var(--ease);
}

.page-news .news-cat-link:hover,
.page-news .news-cat-link:focus-visible {
  border-color: var(--gold);
  background: var(--gold-light);
  color: var(--ink-green);
}

.page-news .news-issue-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 12px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.page-news .news-issue-list .toc-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 0;
  color: var(--archive-green);
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
}

.page-news .news-issue-list .mono {
  min-width: 2.4em;
  color: var(--mist);
  font-size: 12px;
}

.page-news .news-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--cinnabar);
}

.page-news .news-issue-list .toc-link[aria-current="true"] {
  color: var(--ink-green);
  font-weight: 700;
}

.page-news .news-stream {
  min-width: 0;
}

.page-news .news-group + .news-group {
  margin-top: clamp(38px, 6vw, 68px);
}

.page-news .news-group__head {
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: var(--news-line);
}

.page-news .news-group__title {
  margin: 0 0 8px;
  color: var(--ink-green);
  font-family: var(--font-display);
  font-size: clamp(23px, 3.2vw, 32px);
  line-height: 1.25;
}

.page-news .news-group__desc {
  margin: 0;
  max-width: 52em;
  color: var(--mist);
  font-size: 14px;
  line-height: 1.7;
}

.page-news .entry-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-news .entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px 20px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(12, 35, 30, .12);
  scroll-margin-top: 96px;
}

.page-news .entry__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.page-news .entry__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.5em;
  min-width: 5.5em;
  padding: 5px 0;
  color: var(--paper);
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .04em;
  text-align: center;
}

.page-news .entry__tag--data {
  background: var(--archive-green);
}

.page-news .entry__tag--version {
  background: var(--indigo);
}

.page-news .entry__tag--rule {
  background: var(--cinnabar);
}

.page-news .entry__tag--contrib {
  background: var(--gold);
  color: var(--ink-green);
}

.page-news .entry__batch {
  color: var(--mist);
  font-size: 12px;
  letter-spacing: .04em;
}

.page-news .entry__title {
  margin: 0 0 8px;
  color: var(--ink-green);
  font-size: 17px;
  line-height: 1.5;
}

.page-news .entry__excerpt {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 8px;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.page-news .entry:hover .entry__excerpt,
.page-news .entry:focus-within .entry__excerpt {
  display: block;
  -webkit-line-clamp: unset;
}

.page-news .entry__time {
  margin: 0;
  color: var(--mist);
  font-size: 12px;
}

.page-news .entry__figure {
  margin: 4px 0 0;
}

.page-news .entry__figure img,
.page-news .news-stats__figure img,
.page-news .news-feature__figure img,
.page-news .news-contribute__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.page-news .entry__figure img {
  aspect-ratio: 1100 / 620;
  background: var(--paper-dim);
}

.page-news figcaption {
  margin-top: 8px;
  color: var(--mist);
  font-size: 12px;
  line-height: 1.6;
}

.page-news .news-stats {
  padding: clamp(36px, 6vw, 72px) 0;
  background: var(--indigo);
  color: var(--paper);
}

.page-news .news-stats__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(24px, 4vw, 44px);
  align-items: start;
}

.page-news .news-stats__figure {
  margin: 0;
}

.page-news .news-stats__figure img {
  aspect-ratio: 820 / 560;
  background: var(--archive-green);
}

.page-news .news-stats__figure figcaption {
  color: rgba(228, 206, 155, .72);
}

.page-news .news-stats__eyebrow {
  margin: 0 0 10px;
  color: var(--gold-light);
  letter-spacing: .22em;
}

.page-news .news-stats__title {
  margin: 0 0 14px;
  color: var(--paper);
  font-family: var(--font-display);
  font-size: clamp(26px, 4vw, 40px);
  line-height: 1.25;
}

.page-news .news-stats__lead {
  margin: 0 0 20px;
  color: rgba(245, 240, 230, .86);
  font-size: 15px;
  line-height: 1.8;
}

.page-news .news-stat-list {
  display: grid;
  gap: 14px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.page-news .news-stat-list li {
  display: grid;
  grid-template-columns: 6.5em minmax(0, 1fr);
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(194, 161, 90, .3);
  color: rgba(245, 240, 230, .82);
  font-size: 14px;
  line-height: 1.7;
}

.page-news .news-stat-list__key {
  color: var(--gold-light);
  font-size: 12px;
  letter-spacing: .05em;
}

.page-news .news-chart {
  margin: 0 0 20px;
  padding: 14px;
  border: 1px solid rgba(228, 206, 155, .28);
  background: rgba(12, 35, 30, .42);
}

.page-news .news-chart__cap {
  margin: 0 0 6px;
  color: var(--gold-light);
  font-size: 12px;
  letter-spacing: .1em;
}

.page-news .news-chart__svg {
  display: block;
  width: 100%;
  height: auto;
}

.page-news .news-stats__foot {
  margin: 0;
  color: rgba(245, 240, 230, .78);
  font-size: 14px;
  line-height: 1.7;
}

.page-news .news-stats__foot a {
  color: var(--gold-light);
  text-decoration-color: rgba(228, 206, 155, .5);
  text-underline-offset: 3px;
}

.page-news .news-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(22px, 4vw, 42px);
  align-items: center;
  padding-top: clamp(36px, 6vw, 72px);
  padding-bottom: clamp(36px, 6vw, 72px);
}

.page-news .news-feature__title,
.page-news .news-contribute__title,
.page-news .news-revisit__title {
  margin: 8px 0 14px;
  color: var(--ink-green);
  font-family: var(--font-display);
  font-size: clamp(24px, 3.6vw, 34px);
  line-height: 1.3;
}

.page-news .news-feature__copy p,
.page-news .news-contribute__copy p,
.page-news .news-revisit__copy p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.8;
}

.page-news .news-feature__list {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.page-news .news-feature__list li {
  display: flex;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(12, 35, 30, .12);
  font-size: 14px;
  line-height: 1.5;
}

.page-news .news-feature__list .mono {
  min-width: 3.6em;
  color: var(--cinnabar);
  font-size: 12px;
}

.page-news .news-feature__figure {
  margin: 0;
}

.page-news .news-feature__figure img {
  aspect-ratio: 720 / 480;
  background: var(--paper-dim);
}

.page-news .news-contribute {
  padding-top: clamp(32px, 5vw, 60px);
  padding-bottom: clamp(36px, 6vw, 72px);
  border-top: var(--news-line);
}

.page-news .news-contribute__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(22px, 4vw, 42px);
  align-items: center;
}

.page-news .news-contribute__figure {
  margin: 0;
}

.page-news .news-contribute__figure img {
  aspect-ratio: 960 / 540;
  background: var(--paper-dim);
}

.page-news .news-revisit {
  margin-bottom: clamp(40px, 6vw, 80px);
}

.page-news .news-revisit__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  padding: clamp(24px, 4vw, 42px);
  border: var(--news-line);
  background: var(--paper-dim);
}

.page-news .news-revisit__actions {
  align-self: center;
}

.page-news .news-revisit__actions .btn + .btn {
  margin-top: 10px;
}

.page-news .news-revisit__actions .note {
  margin: 14px 0 0;
}

.page-news .news-feature__copy a,
.page-news .news-revisit__copy a,
.page-news .news-contribute__copy a:not(.btn) {
  color: var(--archive-green);
  text-underline-offset: 3px;
}

@media (min-width: 680px) {
  .page-news .entry {
    grid-template-columns: 8.5em minmax(0, 1fr);
    align-items: start;
  }

  .page-news .entry__meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .page-news .entry__figure {
    grid-column: 2;
  }

  .page-news .news-masthead__grid {
    grid-template-columns: minmax(0, 1.65fr) minmax(240px, .75fr);
    gap: 32px;
  }

  .page-news .news-stats__grid {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  }

  .page-news .news-feature {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  }

  .page-news .news-contribute__grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  }

  .page-news .news-revisit__grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
    align-items: center;
  }
}

@media (min-width: 1024px) {
  .page-news .news-layout {
    grid-template-columns: var(--news-index) minmax(0, 1fr);
    gap: 0;
  }

  .page-news .news-index {
    position: sticky;
    top: 28px;
    align-self: start;
    padding: 0 24px 0 0;
    border-right: var(--news-line);
    border-bottom: 0;
  }

  .page-news .news-stream {
    padding-left: clamp(28px, 4vw, 56px);
  }

  .page-news .news-issue-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-news .news-masthead__title {
    max-width: 13em;
  }
}

@media (min-width: 1320px) {
  .page-news .news-index {
    padding-right: 32px;
  }

  .page-news .news-stream {
    padding-left: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-news .news-cat-link {
    transition: none;
  }
}
<<<END>>>