/* The masthead, lead, featured tile and article rows come from the blog. */
.news .masthead h1 {
  font-size: clamp(48px, 16vw, 252px);
  white-space: nowrap;
}
.news .label {
  flex-wrap: wrap;
  align-items: baseline;
}
.news .label h2 {
  margin: 0;
  font: inherit;
}
.news-spread {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(20px, 3vw, 48px);
  align-items: start;
  margin-top: 16px;
}
.news-spread:has(> :only-child) {
  grid-template-columns: minmax(0, 52rem);
}
.news-feature h3,
.news-row h3,
.news .story p {
  margin: 0;
  overflow-wrap: anywhere;
}
.news-feature .cycle-foot {
  gap: 6px;
  justify-content: flex-start;
}
.news-row .row-main {
  gap: 8px;
  min-width: 0;
  max-width: 66ch;
}
.news-row .row-meta {
  flex-direction: row;
  gap: 5px;
}
.news-spread .rows > li:first-child .row {
  padding-top: 0;
}
.news-spread .rows > li:first-child .row::before {
  top: 6px;
}
@media (max-width: 820px) {
  .news-spread {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}