/* Canonical editorial stylesheet. Keep source order: overlapping media/container conditions are intentional.
   Layout tokens are shared; do not append historical override sheets. */

@font-face {
  font-family: Editorial;
  src: url('/assets/fonts/source-serif-4-latin.woff2') format('woff2');
  font-weight: 200 900;
  font-display: swap;
  unicode-range: U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2002,U+2009,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
}

@font-face {
  font-family: Editorial;
  src: url('/assets/fonts/source-serif-4-cyrillic.woff2') format('woff2');
  font-weight: 200 900;
  font-display: swap;
  unicode-range: U+0020,U+0041-0042,U+00A0,U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family: Information;
  src: url('/assets/fonts/inter-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000,U+0020-007E,U+00A0-00AC,U+00AE-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+2002,U+2009,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF;
}

@font-face {
  font-family: Information;
  src: url('/assets/fonts/inter-cyrillic.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000,U+0020,U+0041,U+00A0,U+00C4,U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

:root {
  font-family: Information,Arial,sans-serif;
  color: #191a1b;
  background: #fff;
  font-synthesis: none;
  --red: #a01429;
  --serif: Editorial,Georgia,serif;
  --sans: Information,Arial,sans-serif;
  --edge: clamp(20px,3vw,52px);
  --gap: clamp(24px,3vw,48px);
  --measure-reading: 1070px;
  --space-copy: 12px;
  --rule-color: #e5e1df;
  --copy-color: #393b3f;
  --brief-tracking: -.012em;
  --space-group: 24px;
  --space-section: 32px;
  --headline-page: clamp(36px,4vw,58px);
  --headline-feature: clamp(29px,2.9vw,40px);
  --headline-card: clamp(24px,2.15vw,29px);
  --headline-brief: 19px;
  --copy-summary: 15px;
  --leading-feature: 1.13;
  --leading-brief: 1.4;
  --leading-card: 1.22;
  --space-spread: 28px;
  --space-chapter: 40px;
  --space-heading: 24px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

button {
  font: inherit;
}

input {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  color: inherit;
}

button {
  -webkit-tap-highlight-color: transparent;
}

a {
  -webkit-tap-highlight-color: transparent;
}

button {
  cursor: pointer;
}

img {
  display: block;
  max-width: 100%;
}

h1 {
  margin: 0;
}

h2 {
  margin: 0;
}

p {
  margin: 0;
}

h1 {
  font-family: var(--serif);
  font-weight: 520;
  letter-spacing: -.035em;
}

h2 {
  font-family: var(--serif);
  font-weight: 520;
  letter-spacing: -.035em;
}

a {
  touch-action: manipulation;
}

button {
  touch-action: manipulation;
}

:is(a,button,input):focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 5px;
}

main:focus {
  outline: 0;
}

.skip {
  position: fixed;
  top: -100px;
  left: 20px;
  background: #fff;
  padding: 15px;
  z-index: 9;
}

.skip:focus {
  top: 10px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.masthead {
  width: calc(100% - var(--edge)*2);
  max-width: 1660px;
  margin-inline: auto;
}

main {
  width: calc(100% - var(--edge)*2);
  max-width: 1660px;
  margin-inline: auto;
}

footer {
  width: calc(100% - var(--edge)*2);
  max-width: 1660px;
  margin-inline: auto;
}

.preview-note {
  width: calc(100% - var(--edge)*2);
  max-width: 1660px;
  margin-inline: auto;
}

.masthead {
  padding-top: 16px;
}

.masthead-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  min-height: 72px;
}

.wordmark {
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(38px,4.7vw,76px);
  letter-spacing: -.055em;
  line-height: 1;
  color: var(--red);
  padding-bottom: 6px;
}

.tool {
  border: 0;
  background: none;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 44px;
  min-height: 44px;
}

.menu-trigger {
  justify-self: start;
  padding-left: 0;
}

.menu-trigger span {
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.tools {
  display: flex;
  gap: 22px;
  align-items: center;
  justify-self: end;
}

.languages {
  display: flex;
  gap: 14px;
  font-size: 12px;
  letter-spacing: .06em;
}

.languages a {
  padding: 12px 0;
  min-height: 44px;
  display: flex;
  align-items: center;
}

.languages [aria-current] {
  color: var(--red);
  font-weight: 650;
}

.section-nav {
  display: flex;
  justify-content: center;
  gap: 32px;
  padding: 8px 0 16px;
  border-bottom: 1px solid #e4e4e4;
  font-size: 13px;
}

.section-nav a[aria-current] {
  color: var(--red);
}

main {
  padding-top: 30px;
}

.opening {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(220px,.27fr);
  gap: var(--gap);
  align-items: start;
}

.lead {
  min-width: 0;
}

.lead-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 550;
  margin-bottom: 10px;
}

.status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--red);
}

.lead-slides {
  display: grid;
}

.lead-slide {
  grid-area: 1/1;
  visibility: hidden;
  pointer-events: none;
  display: grid;
  align-content: start;
}

.lead-slide.active {
  visibility: visible;
  pointer-events: auto;
}

.lead h1 {
  font-size: clamp(34px,3.75vw,67px);
  line-height: 1.02;
  text-wrap: pretty;
  max-width: none;
  margin-bottom: 22px;
  font-weight: 550;
}

.photo {
  display: block;
  overflow: hidden;
}

.photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lead-media {
  width: 100%;
}

.deck {
  font-size: clamp(14px,1.07vw,17px);
  line-height: 1.55;
  font-weight: 400;
  text-wrap: pretty;
}

.context>h2 {
  font: 550 19px/1.25 var(--sans);
  letter-spacing: -.035em;
}

.continuation>h2 {
  letter-spacing: -.035em;
}

.chronicle ol {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: grid;
}

.chronicle li {
  display: grid;
}

.chronicle time {
  font-variant-numeric: tabular-nums;
}

.context>h2 {
  margin-bottom: 18px;
}

.context-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.context article {
  display: grid;
}

.index {
  font: 400 27px/1 var(--serif);
  color: var(--red);
  letter-spacing: -.04em;
}

.context .kicker {
  margin-bottom: 6px;
}

.context h2 {
  font: 450 16px/1.45 var(--sans);
  letter-spacing: -.025em;
}

.kicker {
  display: block;
  color: var(--red);
  line-height: 1.4;
  text-transform: uppercase;
}

.context .kicker {
  margin-top: 0;
}

.second-spread {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(220px,.31fr);
  gap: var(--gap);
}

.feature h2 {
  text-wrap: balance;
  max-width: 35ch;
}

.feature .deck {
  max-width: 78ch;
}

.supporting {
  display: grid;
  align-content: start;
}

.supporting .kicker {
  margin-top: 0;
}

.supporting .deck {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 9px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pair {
  display: grid;
  grid-template-columns: 1.12fr 1fr;
  align-items: start;
}

.culture .deck {
  max-width: 65ch;
}

.science {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 22px;
  align-items: start;
}

.science h2 {
  font-size: clamp(24px,2.1vw,34px);
  line-height: 1.13;
}

.science .deck {
  font-size: 14px;
  margin-top: 11px;
}

.science .kicker {
  margin-top: 0;
}

.feed-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 32px var(--gap);
}

.feed-story h2 {
  font-size: clamp(22px,1.8vw,28px);
  line-height: 1.2;
  font-weight: 450;
}

.story {
  min-width: 0;
  transform-origin: center;
  transition: transform .2s ease;
}

.context article a {
  transition: color .16s ease;
}

.chronicle a {
  transition: color .16s ease;
}

@media (hover:hover) and (pointer:fine) {
  .story:hover {
    transform: scale(1.015);
    z-index: 1;
  }
  .chronicle a:hover {
    color: var(--red);
  }
  .context a:hover {
    color: var(--red);
  }
  .section-nav a:hover {
    color: var(--red);
  }
}

footer {
  display: flex;
  justify-content: flex-end;
  gap: 22px;
  padding: 35px 0 18px;
}

footer a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}

.preview-note {
  font-size: 10px;
  text-align: right;
  color: #797b7e;
  padding-bottom: 18px;
}

.overlay {
  padding: 0;
  border: 0;
  background: transparent;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  inset: 0;
  margin: 0;
  color: #191a1b;
}

.overlay::backdrop {
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(16px);
}

.dialog-content {
  max-width: 1050px;
  width: calc(100% - 80px);
  margin: clamp(90px,16vh,180px) auto 0;
  position: relative;
}

.close {
  position: absolute;
  right: 0;
  top: -60px;
}

.dialog-content h2 {
  font: 500 clamp(27px,4vw,48px)/1.12 var(--serif);
  margin-bottom: 36px;
}

.search-dialog form {
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #222;
  padding-bottom: 12px;
}

.search-dialog input {
  width: 100%;
  min-width: 0;
  background: none;
  border: 0;
  border-radius: 0;
  font-size: clamp(19px,3vw,34px);
  padding: 12px 0;
  outline-offset: 3px;
}

.search-dialog input::placeholder {
  color: #818284;
}

.menu-dialog nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 60px;
}

.menu-dialog nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: 450 28px/1.3 var(--serif);
  padding: 16px 0;
}

.listing-header {
  margin: 15px 0 36px;
}

.listing-header h1 {
  font-size: clamp(38px,4vw,66px);
  margin: 14px 0;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.listing-header p {
  font-size: 13px;
  color: #666;
}

.back {
  font-size: 12px;
  color: var(--red);
}

.empty {
  padding: 35px 0;
  font-size: 18px;
}

@media (max-width:1100px) {
  .opening {
    grid-template-columns: minmax(0,1fr) 240px;
    gap: 28px;
  }
  .lead h1 {
    font-size: 39px;
  }
  .context .kicker {
    font-size: 9px;
  }
  .science {
    grid-template-columns: 1fr;
  }
  .science .kicker {
    margin-top: 12px;
  }
  .second-spread {
    grid-template-columns: minmax(0,1fr) 240px;
    gap: 28px;
  }
  .pair {
    grid-template-columns: 1fr 1.1fr;
  }
  .feed-grid {
    gap: 30px 24px;
  }
}

@media (max-width:760px) {
  :root {
    --edge: 22px;
    --gap: 24px;
  }
  .masthead {
    padding-top: 8px;
  }
  .masthead-row {
    min-height: 62px;
    gap: 9px;
    grid-template-columns: 44px minmax(0,1fr) auto;
  }
  .wordmark {
    font-size: clamp(28px,5.5vw,40px);
    justify-self: center;
    padding: 0;
    letter-spacing: -.055em;
  }
  .menu-trigger span {
    display: none;
  }
  .tools {
    gap: 8px;
  }
  .languages {
    gap: 10px;
    font-size: 10px;
  }
  .tool {
    padding: 8px;
  }
  .section-nav {
    justify-content: flex-start;
    gap: 24px;
    overflow: auto;
    scrollbar-width: none;
    padding: 8px 0 13px;
    font-size: 12px;
  }
  .section-nav a {
    white-space: nowrap;
  }
  .section-nav::-webkit-scrollbar {
    display: none;
  }
  main {
    padding-top: 22px;
  }
  .opening {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .lead h1 {
    font-size: clamp(32px,5.8vw,44px);
    max-width: none;
    margin-bottom: 16px;
    line-height: 1.07;
  }
  .chronicle h2 {
    font-size: 17px;
  }
  .chronicle ol {
    grid-template-columns: 1fr 1fr;
  }
  .chronicle li:last-child {
    grid-column: 1/-1;
  }
  .context-grid {
    grid-template-columns: 1fr;
  }
  .context .kicker {
    font-size: 10px;
  }
  .second-spread {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .supporting {
    grid-template-columns: repeat(3,1fr);
  }
  .supporting .deck {
    display: none;
  }
  .science>.photo {
    aspect-ratio: 1.5;
  }
  .science h2 {
    font-size: 25px;
  }
  .science .deck {
    font-size: 13px;
    line-height: 1.5;
  }
  .feed-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 26px 22px;
  }
  .dialog-content {
    width: calc(100% - 44px);
  }
  .menu-dialog nav {
    column-gap: 25px;
  }
  .menu-dialog nav a {
    font-size: 24px;
  }
  footer {
    padding-top: 25px;
  }
}

@media (max-width:430px) {
  :root {
    --edge: 18px;
  }
  .masthead-row {
    grid-template-columns: 32px minmax(0,1fr) 91px;
    gap: 5px;
  }
  .wordmark {
    font-size: 26px;
  }
  .tools {
    gap: 0;
  }
  .tools .tool {
    min-width: 36px;
    padding: 5px;
  }
  .languages {
    gap: 8px;
    font-size: 10px;
  }
  .menu-trigger {
    min-width: 32px;
    padding: 4px;
  }
  .section-nav {
    gap: 23px;
    font-size: 11px;
  }
  .lead h1 {
    font-size: 31px;
    letter-spacing: -.025em;
  }
  .lead-label {
    font-size: 11px;
  }
  .chronicle ol {
    grid-template-columns: 1fr;
  }
  .chronicle li:last-child {
    grid-column: auto;
  }
  .science {
    grid-template-columns: 40% 1fr;
    gap: 18px;
  }
  .science .kicker {
    margin-top: 0;
  }
  .science h2 {
    font-size: 24px;
  }
  .science .deck {
    font-size: 12px;
  }
  .feed-story {
    column-gap: 16px;
    align-items: start;
  }
  .menu-dialog nav {
    grid-template-columns: 1fr;
  }
  .menu-dialog nav a {
    font-size: 26px;
  }
  .preview-note {
    text-align: left;
    font-size: 9px;
  }
}

@media (max-width:350px) {
  .masthead-row {
    grid-template-columns: 28px minmax(0,1fr) 85px;
    gap: 3px;
  }
  .languages {
    gap: 5px;
  }
  .lead h1 {
    font-size: 28px;
  }
  .science {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion:reduce) {
  * {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
  *::before {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
  *::after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

body:has(dialog[open]) {
  overflow: hidden;
}

.chronicle li a {
  font-size: 16px;
  line-height: 1.38;
}

.context>h2 {
  font-size: 22px;
}

.context h2 {
  font-size: 17px;
  line-height: 1.42;
}

.feature-media {
  aspect-ratio: var(--native-ratio,3/2);
}

.culture>.photo {
  aspect-ratio: var(--native-ratio,16/9);
}

.science .photo {
  aspect-ratio: var(--native-ratio,16/9);
}

@media (max-width:1100px) {
  .chronicle li a {
    font-size: 15px;
  }
  .context h2 {
    font-size: 16px;
  }
}

@media (max-width:760px) {
  .chronicle li a {
    font-size: 14px;
  }
  .context>h2 {
    font-size: 19px;
  }
  .context h2 {
    font-size: 16px;
  }
  .feature-media {
    aspect-ratio: var(--native-ratio,3/2);
  }
}

.photo:not(:has(img)) {
  display: none;
}

@media (max-width:760px) {
  .masthead-row {
    position: relative;
  }
  .wordmark {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .tools {
    grid-column: 3;
  }
  .menu-trigger {
    grid-column: 1;
  }
}

@media (max-width:350px) {
  .wordmark {
    font-size: 19px;
    letter-spacing: -.04em;
  }
}

.culture h2 {
  margin-top: 12px;
  text-wrap: balance;
}

@media (max-width:430px) {
  .section-nav {
    display: none;
  }
  .masthead {
    border-bottom: 1px solid #e4e4e4;
  }
  .masthead-row {
    min-height: 64px;
  }
}

@media (min-width:1101px) {
  .masthead {
    padding-top: 6px;
  }
  .masthead-row {
    min-height: 78px;
  }
  .wordmark {
    font-size: clamp(65px,5.9vw,88px);
  }
  .section-nav {
    padding-top: 0;
    padding-bottom: 12px;
  }
  .lead h1 {
    font-size: clamp(50px,4.55vw,72px);
    font-weight: 600;
    line-height: 1.025;
    letter-spacing: -.04em;
  }
}

@media (min-width:1101px) {
  .feature {
    display: grid;
    grid-template-columns: .86fr 1.19fr;
    gap: 24px;
    align-items: start;
  }
  .feature-copy .kicker {
    margin-top: 0;
  }
  .supporting .deck {
    display: none;
  }
}

.science-stack {
  display: grid;
  align-content: start;
}

.science-stack .science h2 {
  font-size: clamp(24px,1.85vw,30px);
}

.science-stack .science {
  grid-template-columns: .9fr 1.1fr;
  gap: 20px;
}

.feed-column {
  display: grid;
  align-content: start;
  min-width: 0;
}

.feed-story .feed-copy {
  min-width: 0;
}

.compact-story {
  display: grid;
  grid-template-columns: 28% minmax(0,1fr);
  gap: 16px;
  align-items: start;
}

.compact-story .kicker {
  margin-top: 0;
}

.compact-story h2 {
  font-size: 22px;
  line-height: 1.2;
}

@media (min-width:1750px) {
  .feed-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media (max-width:1100px) and (min-width:761px) {
  .science-stack .science {
    grid-template-columns: 1fr;
  }
}

@media (max-width:760px) {
  .feed-column {
    display: contents;
  }
  .feed-story {
    display: flow-root;
  }
  .compact-story .photo {
    float: left;
    width: 32%;
    margin: 0 12px 8px 0;
  }
  .compact-story .feed-copy {
    display: contents;
  }
  .compact-story .kicker {
    margin-top: 0;
  }
  .compact-story h2 {
    font-size: 23px;
  }
  .science-stack .science {
    grid-template-columns: 1fr;
  }
  .science-stack .science .photo {
    aspect-ratio: var(--native-ratio,16/9);
  }
}

@media (min-width:1101px) {
  .supporting h2 {
    font-size: 22px;
    line-height: 1.22;
  }
}

.chronicle h2 {
  color: var(--red);
}

.chronicle time {
  color: var(--red);
}

/* Each slide keeps its natural title-to-photo rhythm. Hidden slides determine
   the stable outer scene height; spare space belongs below shorter slides. */

.lead-slides {
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: auto;
}

.lead-slide {
  grid-column: 1;
  grid-row: 1;
  grid-template-rows: auto auto;
}

.lead-slide h1 {
  align-self: start;
}

.lead-media {
  align-self: start;
  aspect-ratio: 16/9;
  background: #fff;
}

.lead-media img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

/* Letterboxing blends into the editorial surface, never stretches/crops originals. */

.photo {
  background: #fff;
}

/* Keep intrinsic image height out of the shared auto tracks. */

.lead-media {
  position: relative;
}

.lead-media img {
  position: absolute;
  inset: 0;
  display: block;
}

.context {
  padding-block: 20px;
  border-block: 1px solid var(--rule-color);
}

.context-heading {
  display: flex;
  align-items: baseline;
  gap: 24px;
}

.context-heading>.kicker {
  margin: 0;
  flex-shrink: 0;
}

.context-heading>h2 {
  font: 500 clamp(21px,2vw,29px)/1.2 var(--serif);
  letter-spacing: -.025em;
}

.context .index {
  font: 450 15px/1.5 var(--sans);
  padding-top: 2px;
}

.context article {
  grid-template-columns: 24px minmax(0,1fr);
  gap: 10px;
}

.context article h2 {
  font: 450 17px/1.38 var(--sans);
  letter-spacing: var(--brief-tracking);
}

.feature h2 {
  font: 560 var(--headline-feature)/var(--leading-feature) var(--serif);
  letter-spacing: -.025em;
}

.pair {
  gap: var(--space-group);
}

.culture h2 {
  font: 560 var(--headline-feature)/var(--leading-feature) var(--serif);
  letter-spacing: -.025em;
}

.continuation {
  padding-top: 22px;
  border-top: 1px solid var(--rule-color);
}

.continuation>h2 {
  font: 500 23px/1.2 var(--serif);
  margin-bottom: var(--space-heading);
}

.feed-story h2 {
  font: 450 19px/1.35 var(--sans);
  letter-spacing: -.025em;
}

.kicker {
  font-size: 10px;
  letter-spacing: .055em;
  font-weight: 550;
  margin: 10px 0 6px;
}

.deck {
  color: var(--copy-color);
}

.reading-heading {
  margin: 0 auto 24px;
}

.reading-heading>.kicker {
  text-align: center;
  margin: 0 0 12px;
}

.reading-heading h1 {
  font: 550 clamp(31px,3.6vw,58px)/1.1 var(--serif);
  text-align: center;
  text-wrap: balance;
  margin: 0;
}

.article-socials {
  display: flex;
  justify-content: flex-start;
}

.article-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #414141;
}

.reading-layout {
  display: grid;
  align-items: start;
}

.reading-body {
  font: 400 clamp(18px,1.55vw,21px)/1.7 var(--serif);
  display: flow-root;
  overflow-wrap: anywhere;
}

.reading-body>p {
  text-align: left;
}

.reading-media {
  float: left;
}

.reading-media .photo {
  position: relative;
}

.reading-media img {
  position: absolute;
  inset: 0;
  object-fit: contain;
}

.reading-media figcaption {
  font: 450 13px/1.5 var(--sans);
  margin-top: 8px;
}

.video-link {
  background: transparent;
  border: 0;
  padding: 8px 0;
  color: var(--red);
  font: inherit;
  cursor: pointer;
}

.snapshot-warning {
  clear: both;
  background: #f7f6f4;
  padding: 18px;
  font: 400 14px/1.6 var(--sans);
}

.snapshot-warning a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.reading-sidebar {
  display: grid;
}

.related-box {
  background: #edf5ed;
}

.other-box {
  background: #fcf0f2;
}

.reading-sidebar h2 {
  font: 550 20px/1.2 var(--serif);
  margin: 0 0 18px;
}

.reading-sidebar article {
  margin-top: 20px;
}

.reading-sidebar article:first-of-type {
  margin-top: 0;
}

.reading-sidebar article h2 {
  font: 450 15px/1.4 var(--sans);
  text-align: center;
  letter-spacing: -.015em;
  margin: 10px 0 0;
}

.sidebar-image {
  aspect-ratio: 16/9;
  position: relative;
}

.sidebar-image img {
  position: absolute;
  inset: 0;
  object-fit: contain;
}

.article-player {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  border: 0;
  background: #111;
}

.video-dialog .dialog-content {
  width: min(960px,90vw);
}

@media (max-width:1100px) {
  .reading-media {
    margin-right: 20px;
  }
  .context-heading {
    gap: 18px;
  }
}

@media (max-width:760px) {
  .context-heading {
    display: block;
  }
  .context-heading>.kicker {
    margin-bottom: 8px;
  }
  .context article h2 {
    font-size: 16px;
  }
  .supporting h2 {
    font-size: 21px;
  }
  .science-stack .science h2 {
    font-size: 21px;
  }
  .reading-heading h1 {
    font-size: 34px;
  }
  .reading-sidebar {
    align-items: start;
  }
  .reading-sidebar:not(:has(.related-box)) {
    grid-template-columns: 1fr;
  }
  .reading-sidebar:not(:has(.related-box)) .other-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
  .reading-sidebar:not(:has(.related-box)) .other-box>h2 {
    grid-column: 1/-1;
    margin: 0;
  }
  .reading-sidebar:not(:has(.related-box)) article {
    margin: 0;
  }
  .feed-story h2 {
    font-size: 19px;
  }
  .opening-story h2 {
    font-size: 26px;
  }
}

@media (max-width:430px) {
  .reading-heading h1 {
    font-size: 30px;
    text-align: left;
    text-wrap: pretty;
  }
  .reading-heading>.kicker {
    text-align: left;
  }
  .reading-sidebar:not(:has(.related-box)) .other-box {
    grid-template-columns: 1fr;
  }
  .reading-sidebar article {
    display: grid;
    grid-template-columns: 34% minmax(0,1fr);
    gap: 14px;
    align-items: start;
  }
  .reading-sidebar article h2 {
    margin: 0;
    font-size: 15px;
  }
  .context {
    padding-block: 18px;
  }
  .feed-story h2 {
    font: 450 19px/1.35 var(--sans);
  }
  .science-stack .science h2 {
    font-size: 20px;
  }
}

.video-context {
  font: 400 14px/1.6 var(--sans);
  margin: 16px 0 0;
  max-width: 80ch;
}

@media (max-width:430px) {
  .reading-sidebar article h2 {
    text-align: center;
  }
}

/* Intermediate widths need newspaper columns, not three narrow headline shafts. */

@media (min-width:761px) and (max-width:1100px) {
  .feed-grid {
    display: block;
    columns: 2;
    column-gap: 28px;
  }
  .feed-column {
    display: contents;
  }
  .feed-story {
    break-inside: avoid;
    display: flow-root;
    margin-bottom: 24px;
  }
  .compact-story .photo {
    float: left;
    width: 32%;
    margin: 0 12px 6px 0;
  }
  .compact-story .feed-copy {
    display: contents;
  }
  .compact-story .kicker {
    margin-top: 0;
  }
}

.reading-layout {
  margin-inline: auto;
}

.reading-body {
  max-width: 74ch;
}

/* Reading flow: float only when the body itself has enough room for prose. */

.reading-column {
  min-width: 0;
  container-type: inline-size;
}

/* Five compact headlines, not five large competing photo cards. */

.reading-sidebar .other-box {
  display: block;
}

.reading-sidebar .other-box>h2 {
  margin-bottom: 18px;
}

.reading-sidebar .other-box article:last-child {
  margin-bottom: 0;
}

.reading-progress {
  position: fixed;
  inset: 0 0 auto;
  height: 2px;
  z-index: 80;
  pointer-events: none;
}

.reading-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--red);
  transform-origin: left;
  will-change: transform;
}

.next-story {
  clear: both;
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid var(--rule-color);
}

.next-story>.kicker {
  margin: 0 0 14px;
}

.next-story-link {
  display: grid;
  grid-template-columns: 32% minmax(0,1fr);
  gap: 22px;
  align-items: start;
}

.next-story-link .photo {
  position: relative;
}

.next-story-link .photo img {
  position: absolute;
  inset: 0;
}

.next-story-link h2 {
  font: 500 clamp(23px,2.2vw,30px)/1.2 var(--serif);
  letter-spacing: -.025em;
  margin: 0;
}

.next-arrow {
  display: inline-flex;
  margin-top: 12px;
  color: var(--red);
}

@media (max-width:430px) {
  .next-story {
    margin-top: 24px;
    padding-top: 18px;
  }
  .next-story-link {
    grid-template-columns: 32% minmax(0,1fr);
    gap: 14px;
  }
  .next-story-link h2 {
    font-size: 21px;
  }
  .next-arrow {
    margin-top: 8px;
  }
}

/* Editorial section pages: a lead, brief reports and genuinely populated collections. */

.section-heading {
  margin-bottom: 26px;
}

.section-heading .back {
  display: inline-block;
  margin-bottom: 14px;
}

.section-heading h1 {
  margin: 0;
}

.section-opening {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(230px,.4fr);
  gap: 40px;
  align-items: start;
}

.section-opening.single-story {
  grid-template-columns: minmax(0,900px);
}

.section-story {
  min-width: 0;
}

.section-story .photo {
  aspect-ratio: 16/9;
  position: relative;
}

.section-story .photo img {
  position: absolute;
  inset: 0;
  object-fit: contain;
}

.section-story h2 {
  font: 500 27px/1.18 var(--serif);
  letter-spacing: -.025em;
  margin: 12px 0 0;
}

.section-lead h2 {
  text-wrap: balance;
  font-size: clamp(29px,3vw,44px);
  line-height: 1.12;
  margin-top: 16px;
}

.section-lead .deck {
  margin: 14px 0 0;
  max-width: 65ch;
}

.section-briefs {
  display: grid;
}

.section-briefs .kicker {
  margin: 0 0 7px;
}

.section-briefs h2 {
  margin: 0;
}

.section-briefs p {
  font: 400 14px/1.6 var(--sans);
  margin: 10px 0 0;
  color: #44464a;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.section-collection {
  padding-block: 22px;
  border-block: 1px solid var(--rule-color);
}

.section-collection>div:last-child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.section-collection .section-story {
  display: grid;
  grid-template-columns: 30% minmax(0,1fr);
  gap: 18px;
  align-items: start;
}

.section-collection .section-story h2 {
  margin: 0;
}

.section-continuation .section-story:not(:has(img)) {
  grid-column: 1/-1;
}

.section-continuation .section-story:not(:has(img)) h2 {
  max-width: 65ch;
}

.section-continuation {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap: 30px;
}

/* Search is a readable editorial index, not a second search form. */

.search-results-page {
  margin-inline: auto;
}

.search-results-page .listing-header {
  margin-bottom: 28px;
}

.search-results-page .listing-header h1 {
  overflow-wrap: anywhere;
}

.search-editorial-list {
  display: grid;
}

.search-result {
  display: grid;
  grid-template-columns: 23% minmax(0,1fr);
  align-items: start;
}

.search-result .photo {
  aspect-ratio: 16/9;
  position: relative;
}

.search-result .photo img {
  position: absolute;
  inset: 0;
  object-fit: contain;
}

.search-result h2 {
  margin: 0;
}

.search-result .deck {
  margin: 10px 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* A matching excerpt must never hide the very text that explains a search hit. */
.search-result .deck:has(mark) {
  -webkit-line-clamp: unset;
}

.search-result mark {
  background: #f5e2e4;
  color: inherit;
  box-decoration-break: clone;
  padding: 0 .03em;
}

.search-pagination {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.search-pagination p {
  font: 400 13px/1.4 var(--sans);
  color: #666;
}

.search-pagination button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 10px 0;
  background: none;
  border: 0;
  font: 500 14px/1.4 var(--sans);
  color: var(--red);
  cursor: pointer;
}

.refine-search {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 10px 0;
  background: none;
  border: 0;
  font: 500 14px/1.4 var(--sans);
  color: var(--red);
  cursor: pointer;
}

.search-empty {
  max-width: 650px;
  padding: 12px 0 30px;
}

.search-empty h2 {
  font: 500 30px/1.15 var(--serif);
  letter-spacing: -.025em;
  margin: 0 0 14px;
}

.search-empty p {
  font: 400 15px/1.7 var(--sans);
  color: #44464a;
}

.search-warning {
  font: 400 15px/1.7 var(--sans);
  color: #44464a;
}

.search-empty nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 20px;
  font-size: 14px;
}

.body-loading {
  font: 400 15px/1.6 var(--sans);
  padding-block: 12px;
  color: #666;
}

@media (max-width:1100px) {
  .section-opening {
    gap: 28px;
    grid-template-columns: minmax(0,1fr) 240px;
  }
  .section-briefs h2 {
    font-size: 19px;
  }
  .section-collection>div:last-child {
    gap: 24px;
  }
  .section-collection .section-story {
    display: block;
  }
  .section-collection .section-story .photo {
    width: 45%;
    margin-bottom: 12px;
  }
}

@media (max-width:760px) {
  .section-heading {
    margin-bottom: 20px;
  }
  .section-opening {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .section-briefs {
    grid-template-columns: 1fr 1fr;
  }
  .section-briefs article:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
  .section-lead h2 {
    font-size: 32px;
  }
  .section-collection .section-story h2 {
    font-size: 20px;
  }
  .search-result {
    grid-template-columns: 28% minmax(0,1fr);
  }
  .search-result h2 {
    font-size: 24px;
  }
}

@media (max-width:430px) {
  .section-heading h1 {
    font-size: 36px;
  }
  .section-briefs {
    grid-template-columns: 1fr;
  }
  .section-lead h2 {
    font-size: 29px;
  }
  .section-collection>div:last-child {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .section-collection .section-story {
    grid-template-columns: 30% minmax(0,1fr);
    gap: 16px;
  }
  .search-result {
    display: block;
  }
  .search-result .photo {
    width: 50%;
  }
  .search-result .deck {
    -webkit-line-clamp: 3;
  }
  .search-result h2 {
    font-size: 25px;
  }
  .search-pagination {
    align-items: flex-start;
  }
  .search-empty h2 {
    font-size: 28px;
  }
}

/* Preserve source text-cards, but do not inflate them into giant lead photography. */

.section-lead.source-graphic {
  display: grid;
  grid-template-columns: 36% minmax(0,1fr);
  gap: 20px;
}

.section-lead.source-graphic h2 {
  margin: 0;
  font-size: clamp(27px,2.6vw,36px);
}

.section-lead.source-graphic .deck {
  grid-column: 1/-1;
  margin: 0;
}

.section-story.source-placeholder .photo {
  width: 120px;
  max-width: 100%;
  aspect-ratio: 16/9;
}

@media (max-width:760px) {
  .section-lead.source-graphic {
    display: block;
  }
  .section-lead.source-graphic .photo {
    width: 52%;
    max-width: 260px;
    margin-bottom: 16px;
  }
  .section-lead.source-graphic h2 {
    font-size: 32px;
    margin-bottom: 14px;
  }
}

@media (max-width:430px) {
  .section-lead.source-graphic h2 {
    font-size: 29px;
  }
}

/* A source text-card calls for a compact editorial opening, not a vacant photo spread. */

.section-opening.graphic-opening {
  grid-template-columns: 1fr;
  gap: 26px;
}

.graphic-opening .section-lead.source-graphic {
  grid-template-columns: 25% minmax(0,1fr);
  column-gap: 28px;
  row-gap: 14px;
}

.graphic-opening .section-lead.source-graphic .photo {
  grid-row: 1/span 2;
}

.graphic-opening .section-lead.source-graphic .deck {
  grid-column: 2;
  max-width: 80ch;
}

.graphic-opening .section-briefs {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 28px;
}

.graphic-opening .section-briefs h2 {
  font-size: 20px;
}

@media (max-width:760px) {
  .graphic-opening .section-lead.source-graphic {
    display: block;
  }
  .graphic-opening .section-lead.source-graphic .photo {
    width: 52%;
    margin-bottom: 16px;
  }
  .graphic-opening .section-briefs {
    grid-template-columns: 1fr 1fr;
    gap: 22px;
  }
}

@media (max-width:430px) {
  .graphic-opening .section-briefs {
    grid-template-columns: 1fr;
  }
}

/* A no-event-photo brand placeholder is not presented as a news photograph. */

.section-story.source-placeholder .photo {
  display: none;
}

.search-result.source-placeholder .photo {
  display: none;
}

.search-result.source-placeholder,
.search-result:not(:has(img)) {
  grid-template-columns: 1fr;
}

.section-story .photo:empty,
.search-result .photo:empty {
  display: none;
}

.section-lead.source-graphic:not(:has(img)) {
  display: block;
}

/* Let long mobile collection headlines continue below the miniature. */

.reading-heading {
  margin-bottom: 26px;
}

.reading-heading h1 {
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.03em;
}

.article-socials {
  gap: 6px;
  margin-top: 18px;
  margin-left: -10px;
}

.reading-layout {
  grid-template-columns: minmax(0,1fr) 250px;
  gap: 38px;
}

.reading-body {
  font-size: 20px;
  line-height: 1.65;
  color: #242526;
  hyphens: manual;
}

.reading-body>p {
  margin: 0 0 1em;
}

.reading-body>.article-intro {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 450;
  letter-spacing: -.012em;
}

.reading-media {
  width: 38%;
  margin: 3px 24px 16px 0;
}

.reading-media .photo {
  aspect-ratio: var(--article-ratio,16/9);
}

.reading-body h2 {
  clear: both;
  font: 550 29px/1.2 var(--serif);
  letter-spacing: -.025em;
  margin: 1.2em 0 .55em;
  text-wrap: pretty;
}

.reading-body h3 {
  clear: both;
  font: 550 29px/1.2 var(--serif);
  letter-spacing: -.025em;
  margin: 1.2em 0 .55em;
  text-wrap: pretty;
}

.reading-body h3 {
  font-size: 24px;
}

.reading-body blockquote {
  clear: both;
  margin: 1.2em 0;
  padding-left: 20px;
  border-left: 2px solid var(--red);
  font-size: 23px;
  line-height: 1.45;
}

.reading-body blockquote p {
  margin: 0;
}

.reading-body ul {
  clear: both;
  padding-left: 1.3em;
  margin: 1em 0;
}

.reading-body ol {
  clear: both;
  padding-left: 1.3em;
  margin: 1em 0;
}

.reading-body li {
  padding-left: .2em;
  margin: .5em 0;
}

.reading-body li::marker {
  color: var(--red);
}

.reading-sidebar {
  gap: 16px;
}

.reading-sidebar section {
  padding: 18px;
}

.reading-sidebar section>h2 {
  font: 500 19px/1.2 var(--serif);
  margin: 0 0 16px;
}

.reading-sidebar .related-box article {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  gap: 12px;
  align-items: start;
  margin: 0 0 16px;
}

.reading-sidebar .other-box article {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  gap: 12px;
  align-items: start;
  margin: 0 0 16px;
}

.reading-sidebar article:last-child {
  margin-bottom: 0;
}

.reading-sidebar .related-box .sidebar-image {
  width: 48px;
  aspect-ratio: 4/3;
}

.reading-sidebar .other-box .sidebar-image {
  width: 48px;
  aspect-ratio: 4/3;
}

.reading-sidebar .related-box article h2 {
  font: 450 14px/1.45 var(--sans);
  text-align: left;
  margin: 0;
  letter-spacing: -.012em;
}

.reading-sidebar .other-box article h2 {
  font: 450 14px/1.45 var(--sans);
  text-align: left;
  margin: 0;
  letter-spacing: -.012em;
}

@media (min-width:761px) and (max-width:1100px) {
  .reading-layout {
    grid-template-columns: minmax(0,1fr) 220px;
    gap: 26px;
  }
  .reading-body {
    font-size: 19px;
  }
  .reading-body>.article-intro {
    font-size: 19px;
  }
}

@media (max-width:760px) {
  .reading-heading {
    margin-bottom: 22px;
  }
  .reading-media {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }
  .reading-body {
    font-size: 19px;
  }
  .reading-body>.article-intro {
    font-size: 19px;
    line-height: 1.5;
  }
  .reading-sidebar section {
    padding: 18px;
  }
  .reading-sidebar .related-box article {
    grid-template-columns: 76px minmax(0,1fr);
    gap: 14px;
  }
  .reading-sidebar .other-box article {
    grid-template-columns: 76px minmax(0,1fr);
    gap: 14px;
  }
  .reading-sidebar .related-box .sidebar-image {
    width: 76px;
  }
  .reading-sidebar .other-box .sidebar-image {
    width: 76px;
  }
  .reading-sidebar .related-box article h2 {
    font-size: 15px;
  }
  .reading-sidebar .other-box article h2 {
    font-size: 15px;
  }
  .article-socials {
    margin-top: 14px;
  }
  .reading-body h2 {
    font-size: 26px;
  }
  .reading-body h3 {
    font-size: 23px;
  }
  .reading-body blockquote {
    font-size: 21px;
  }
}

/* Keep the article dominant before a narrow sidebar becomes a text corridor. */
@media (max-width:1000px) {
  .reading-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .reading-sidebar {
    grid-template-columns: 1fr;
  }
}

@container (max-width:660px) {
  .reading-media {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }
  .reading-media .photo {
    aspect-ratio: var(--article-ratio,16/9);
  }
}

.reading-page .photo:empty {
  display: none;
}

.reading-media:not(:has(img)) {
  float: none;
  width: auto;
  margin: 0 0 16px;
}

.reading-media:not(:has(img)):not(:has(figcaption)) {
  display: none;
}

.reading-sidebar .related-box article:not(:has(img)),
.reading-sidebar .other-box article:not(:has(img)),
.next-story-link:not(:has(img)) {
  grid-template-columns: 1fr;
}

.reading-heading {
  max-width: var(--measure-reading);
}

.reading-layout {
  max-width: var(--measure-reading);
}

.search-results-page {
  max-width: var(--measure-reading);
}

.section-heading h1 {
  font: 550 var(--headline-page)/1.08 var(--serif);
  letter-spacing: -.04em;
}

.search-results-page .listing-header h1 {
  font: 550 var(--headline-page)/1.08 var(--serif);
  letter-spacing: -.04em;
}

.search-results-page .listing-header {
  margin: 0 0 28px;
}

.search-results-page .listing-header .back {
  display: inline-block;
  margin-bottom: 14px;
}

.search-results-page .listing-header h1 {
  margin: 0 0 var(--space-copy);
}

.search-results-page .listing-header p {
  line-height: 1.5;
}

.feature h2 {
  font-size: var(--headline-feature);
  line-height: var(--leading-feature);
}

.culture h2 {
  font-size: var(--headline-feature);
  line-height: var(--leading-feature);
}

.search-result h2 {
  font: 500 clamp(22px,2.15vw,29px)/var(--leading-card) var(--serif);
  letter-spacing: -.025em;
}

.section-continuation .section-story h2 {
  font: 500 clamp(22px,2vw,27px)/var(--leading-card) var(--serif);
  letter-spacing: -.025em;
}

.opening-story {
  padding-bottom: 8px;
}

.opening-story h2 {
  font: 500 var(--headline-card)/var(--leading-card) var(--serif);
  letter-spacing: -.025em;
  text-wrap: balance;
}

.supporting h2 {
  font: 450 var(--headline-brief)/var(--leading-brief) var(--sans);
  letter-spacing: var(--brief-tracking);
}

.science-stack .science h2 {
  font: 450 var(--headline-brief)/var(--leading-brief) var(--sans);
  letter-spacing: var(--brief-tracking);
}

.section-briefs h2 {
  font: 450 var(--headline-brief)/var(--leading-brief) var(--sans);
  letter-spacing: var(--brief-tracking);
}

.graphic-opening .section-briefs h2 {
  font: 450 var(--headline-brief)/var(--leading-brief) var(--sans);
  letter-spacing: var(--brief-tracking);
}

.section-collection .section-story h2 {
  font: 450 var(--headline-brief)/var(--leading-brief) var(--sans);
  letter-spacing: var(--brief-tracking);
}

.feed-story:not(.opening-story) h2 {
  font: 450 18px/var(--leading-brief) var(--sans);
  letter-spacing: var(--brief-tracking);
}

.feature .deck {
  font-size: var(--copy-summary);
  line-height: 1.55;
}

.culture .deck {
  font-size: var(--copy-summary);
  line-height: 1.55;
}

.science-stack .science .deck {
  font-size: var(--copy-summary);
  line-height: 1.55;
}

.search-result .deck {
  font-size: var(--copy-summary);
  line-height: 1.55;
}

.feature .deck {
  margin-top: var(--space-copy);
}

.culture .deck {
  margin-top: var(--space-copy);
}

.science-stack .science .deck {
  margin-top: var(--space-copy);
}

.search-result .deck {
  margin-top: var(--space-copy);
}

.context {
  margin-top: var(--space-section);
}

.second-spread {
  margin-top: var(--space-group);
}

.pair {
  margin-top: var(--space-spread);
}

.continuation {
  margin-top: var(--space-chapter);
}

.section-collection {
  margin-top: var(--space-section);
}

.section-continuation {
  margin-top: var(--space-section);
}

.context-grid {
  gap: var(--space-group);
}

.supporting {
  gap: var(--space-group);
}

.science-stack {
  gap: var(--space-group);
}

.feed-column {
  gap: var(--space-group);
}

.section-briefs {
  gap: var(--space-group);
}

.context-heading {
  margin-bottom: 20px;
}

.section-collection .context-heading {
  margin-bottom: 20px;
}

.section-story h2 {
  margin-top: var(--space-copy);
}

.section-collection .section-story h2 {
  margin-top: 0;
}

.section-story.source-placeholder h2 {
  margin-top: 0;
}

.section-lead.source-graphic h2 {
  margin-top: 0;
}

.search-editorial-list {
  gap: var(--space-group);
}

.search-result {
  gap: var(--space-group);
}

.search-result .kicker {
  margin: 0 0 8px;
}

.search-result .deck {
  max-width: 78ch;
}

@media (min-width:431px) and (max-width:760px) {
  /* Two actual supporting stories: never reserve a vacant third column. */
  .supporting {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px) {
  :root {
    --headline-page: 36px;
    --headline-feature: 31px;
    --headline-card: 25px;
    --headline-brief: 19px;
    --copy-summary: 14px;
    --space-section: 28px;
    --space-spread: 24px;
    --space-chapter: 32px;
  }
  .search-result {
    gap: 18px;
  }
  .section-continuation {
    gap: var(--space-group);
  }
  .feed-story.opening-story h2 {
    font: 500 22px/var(--leading-card) var(--serif);
    letter-spacing: -.025em;
  }
  .feed-story:not(.opening-story) h2 {
    font-size: 19px;
  }
}

@media (max-width:700px) {
  /* Keep the accepted pair readable at intermediate tablet widths. */
  .pair {
    grid-template-columns: 1fr;
    gap: var(--space-group);
  }
}

@media (max-width:600px) {
  .section-continuation {
    grid-template-columns: 1fr;
  }
  .section-continuation .section-story {
    display: flow-root;
  }
  .section-continuation .section-story .photo {
    float: left;
    width: 34%;
    margin: 0 16px 8px 0;
  }
  .section-continuation .section-story h2 {
    margin-top: 0;
    text-wrap: pretty;
  }
}

@media (max-width:600px) {
  /* Reuse the accepted narrow layout before titles turn into vertical shafts. */
  .feed-story .photo {
    float: left;
    width: 32%;
    margin: 0 16px 8px 0;
  }
  .feed-story .feed-copy {
    display: contents;
  }
  .feed-story .kicker {
    margin-top: 0;
  }
  .feed-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .supporting {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .science-stack .science {
    grid-template-columns: 40% minmax(0,1fr);
    gap: 18px;
  }
  .science-stack .science .kicker {
    margin-top: 0;
  }
  .feature h2 {
    font-size: 28px;
  }
  .culture h2 {
    font-size: 28px;
  }
}

@media (max-width:430px) {
  :root {
    --headline-brief: 18px;
    --headline-card: 24px;
    --space-section: 26px;
  }
  .search-results-page .listing-header {
    margin-bottom: 24px;
  }
  .search-result .photo {
    margin-bottom: var(--space-copy);
  }
  .section-collection .section-story {
    display: flow-root;
  }
  .section-collection .section-story .photo {
    float: left;
    width: 30%;
    margin: 0 16px 8px 0;
  }
}

@media (max-width:350px) {
  .science-stack .science {
    grid-template-columns: 1fr;
  }
  .search-pagination {
    flex-wrap: wrap;
    gap: 8px;
  }
}

.lead-label {
  font: 550 13px/1.4 var(--sans);
  letter-spacing: .045em;
  text-transform: uppercase;
}

.chronicle h2 {
  min-height: 44px;
  display: flex;
  align-items: center;
  font: 550 13px/1.4 var(--sans);
  letter-spacing: .045em;
  text-transform: uppercase;
}

.chronicle {
  padding-top: 0;
}

.chronicle ol {
  margin-top: 16px;
  gap: 20px;
}

.chronicle li {
  grid-template-columns: 36px minmax(0,1fr);
  gap: 12px;
}

.chronicle li a {
  font: 420 15px/1.45 var(--sans);
  letter-spacing: -.015em;
}

.chronicle time {
  font-size: 12px;
  line-height: 1.45;
  padding-top: 1px;
}

/* Full source in regular index frames; lead keeps its shared 16:9 track. */

.compact-story .photo {
  aspect-ratio: 16/9;
}

.feed-story .photo {
  aspect-ratio: 16/9;
}

.sidebar-image.photo {
  aspect-ratio: 16/9;
}

.next-story-link .photo {
  aspect-ratio: 16/9;
}

.photo img {
  object-position: center;
}

/* Medium screens need a compact secondary report, not two stacked photo spreads. */

@media (min-width:351px) and (max-width:1100px) {
  .science-stack .science {
    display: flow-root;
  }
  .science-stack .science .photo {
    float: left;
    width: 40%;
    margin: 0 18px 8px 0;
    aspect-ratio: var(--native-ratio,16/9);
  }
  .science-stack .science .deck {
    margin-top: 12px;
  }
}

@media (max-width:350px) {
  .science-stack .science .photo {
    width: 65%;
  }
}

/* Text-only rotation control: persistent user choice, independent of hover/focus. */
.lead-rotation {
  margin-left: auto;
  border: 0;
  background: transparent;
  padding: 10px 0 10px 12px;
  min-height: 44px;
  font: 400 11px/1.3 var(--sans);
  letter-spacing: 0;
  text-transform: none;
  color: #55575b;
}
.lead-rotation:disabled { cursor: default; }