/* V60: keep the reading composition calm at in-between window sizes. */
body.research-page main.v59-reading {padding-top:26px}
.v59-reading .reading-meta {padding-bottom:16px}
.v59-reading .editorial-hero {padding-top:32px}
.research-page .v59-reading .editorial-opening {margin-bottom:44px}

@media screen and (min-width:700px) and (max-width:1050px) {
 html[data-funnel-theme] body.research-page[data-editorial] > header.nav {
  display:grid;grid-template-columns:108px minmax(0,1fr) auto;
  align-items:center;gap:12px;padding:10px 16px;border-radius:38px;
  margin-inline:20px;box-shadow:0 8px 24px -16px var(--cv-shadow);
 }
 html[data-funnel-theme] body.research-page[data-editorial] > header.nav > .wordmark {width:108px;height:27px;mask-size:contain}
 html[data-funnel-theme] body.research-page[data-editorial] > header.nav > nav {
  order:0;inline-size:auto;width:auto;flex-basis:auto;flex-wrap:nowrap;
  justify-content:center;gap:4px;border:0;padding:0;min-width:0;
 }
 html[data-funnel-theme] body.research-page[data-editorial] > header.nav > nav > a {font-size:11px;min-height:44px;padding-inline:7px}
 html[data-funnel-theme] body.research-page[data-editorial] > header.nav > .button {order:0;min-height:44px;padding:10px 16px;font-size:11px;gap:18px;white-space:nowrap}
 body.research-page main.v59-reading {inline-size:calc(100% - 48px);padding-top:22px}
 .v59-reading .reading-meta {display:flex;gap:12px;font-size:10px;padding-bottom:14px}
 .v59-reading .reading-meta .v57-back {margin-inline-end:auto;font-size:12px;min-block-size:38px}
 .v59-reading .editorial-hero {grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:26px;padding-top:30px}
 .v59-reading .editorial-copy {padding-top:6px}
 .research-page .v59-reading .editorial-opening h1 {font-size:clamp(34px,4.6vw,44px);line-height:1.09;letter-spacing:-.045em;margin-bottom:20px}
 .v59-reading h1 > span {display:inline}
 .v59-reading .reading-status {font-size:10px;letter-spacing:.06em;margin-bottom:16px}
 .research-page .v59-reading .editorial-opening .lead {font-size:16px;line-height:1.65}
 .v59-reading .research-jump {margin-top:16px}
 .v59-reading .research-jump a {font-size:12px;gap:20px}
 .v59-reading .research-visual {align-self:start;max-inline-size:none;border-radius:24px}
 .v59-reading .visual-topic {font-size:10px;letter-spacing:.06em;padding:22px 20px 0}
 .v59-reading .research-diagram {margin-block:20px}
 .v59-reading .research-visual figcaption {padding:0 20px 22px;gap:10px}
 .v59-reading .research-visual figcaption strong {font-size:14px;line-height:1.5}
 .v59-reading .research-visual figcaption span {font-size:10px;line-height:1.5}
 .research-page .v59-reading .editorial-opening {margin-bottom:36px}
 .v59-reading .research-evidence {padding:28px;margin-bottom:44px}
}
@media screen and (max-width:699px) {
 html[data-funnel-theme] body.research-page[data-editorial] > header.nav > .wordmark {width:104px;height:26px;mask-size:contain}
 html[data-funnel-theme] body.research-page[data-editorial] > header.nav > .button {font-size:11px;padding:10px 13px;min-height:44px;gap:16px;white-space:nowrap}
 html[data-funnel-theme] body.research-page[data-editorial] > header.nav > nav {gap:2px}
 html[data-funnel-theme] body.research-page[data-editorial] > header.nav > nav > a {font-size:11px;padding-inline:4px}
 body.research-page main.v59-reading {padding-top:16px}
 .v59-reading .reading-meta {padding-bottom:14px}
 .v59-reading .editorial-hero {padding-top:24px}
 .research-page .v59-reading .editorial-opening {margin-bottom:32px}
}
@media print {body.research-page main.v59-reading {padding-top:0}}
