/* Midwatch Radar v3. News site. Light only. Square corners, hairline rules, no shadows, no gradients.
   Orange: section labels, links, masthead rule. Olive: Takes only. */
:root {
  --page: #FAF9F6;
  --ink: #14130F;
  --ink-2: #3B3933;
  --muted: #66635A;
  --rule: #E2DFD8;
  --band: #14130F;
  --band-text: #F3F1EA;
  --band-muted: #A19E93;
  --orange: #C6411A;
  --link: #B03812;
  --olive: #4F5A2E;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  --wrap: 1240px;
  --gutter: 24px;

  --sans: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; background: var(--page); color: var(--ink);
  font-family: var(--sans); font-size: 16px; line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
ul, ol { margin: 0; padding: 0; }
h1, h2, h3, p, figure, blockquote { margin: 0; }
time { font-variant-numeric: tabular-nums; }

.wrap { width: 100%; max-width: calc(var(--wrap) + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: -9999px; top: 0; background: var(--ink); color: var(--page); padding: var(--s2) var(--s4); z-index: 20; }
.skip:focus { left: var(--s4); top: var(--s2); }

/* ---------- masthead ---------- */
.band { background: var(--band); color: var(--band-text); border-bottom: 3px solid var(--orange); }
.band__top { display: flex; align-items: baseline; gap: var(--s4); padding: var(--s4) 0 var(--s3); }
.wordmark {
  display: inline-flex; align-items: baseline; gap: .42em;
  font-family: var(--sans); font-weight: 700; font-size: 24px; line-height: 1; letter-spacing: .09em; text-transform: uppercase;
  color: var(--band-text); text-decoration: none; white-space: nowrap;
}
.wordmark:hover { text-decoration: none; }
.wordmark__mark { height: .73em; width: auto; flex: none; }
.nav { border-top: 1px solid rgba(243, 241, 234, .16); }
.nav ul { list-style: none; display: flex; gap: var(--s5); overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.nav ul::-webkit-scrollbar { display: none; }
.nav li { flex: none; }
.nav a {
  display: block; padding: var(--s3) 0 calc(var(--s3) - 2px); border-bottom: 2px solid transparent;
  font-size: 14px; font-weight: 500; letter-spacing: .01em; color: var(--band-muted); text-decoration: none; white-space: nowrap;
}
.nav a:hover { color: var(--band-text); }
.nav a[aria-current="page"] { color: var(--band-text); border-bottom-color: var(--band-text); }
.band :focus-visible { outline-color: var(--band-text); }

.dateline { border-bottom: 1px solid var(--rule); font-family: var(--mono); font-size: 12px; color: var(--muted); }
.dateline .wrap { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s4); padding-top: var(--s2); padding-bottom: var(--s2); }
.dateline__u::before { content: "\00B7"; margin-right: var(--s4); }
.ticker { border-bottom: 1px solid var(--rule); font-family: var(--mono); font-size: 12px; }
.ticker ul { display: flex; gap: var(--s5); list-style: none; padding-top: var(--s2); padding-bottom: var(--s2); overflow-x: auto; }
.tk__l { color: var(--muted); }
.tk__c { color: var(--muted); }

/* ---------- shared labels ---------- */
.label {
  font-family: var(--mono); font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: .08em; text-transform: uppercase;
  color: var(--orange);
}
.label a { color: inherit; text-decoration: none; }
.label a:hover { text-decoration: underline; }
.label--take { color: var(--olive); }
.label__tag { font-weight: 500; color: var(--muted); }
.label__tag::before { content: "/"; margin: 0 var(--s2); color: var(--rule); }
.chips { display: flex; flex-wrap: wrap; gap: var(--s2); padding-bottom: var(--s5); }
.chip { font-family: var(--mono); font-size: 12px; line-height: 1; padding: 7px 10px 6px; border: 1px solid var(--ink); background: transparent; color: var(--ink); cursor: pointer; border-radius: 0; }
.chip:hover { background: #F1EEE6; }
.chip[aria-pressed="true"] { background: var(--ink); color: var(--page); }
[hidden] { display: none !important; }
.byline__mark { display: inline-block; height: 12px; width: auto; vertical-align: -1px; margin-right: 5px; }
.stamp { font-family: var(--mono); font-size: 12px; line-height: 1.4; color: var(--muted); }
.card__by { margin-left: var(--s2); color: var(--ink-2); }
.card__by::before { content: "By "; }
.empty { font-family: var(--serif); font-size: 18px; line-height: 1.5; color: var(--muted); padding: var(--s5) 0; }
.empty--take { color: var(--olive); }

/* ---------- home ---------- */
.front {
  display: grid; grid-template-columns: minmax(0, 1fr) 320px; column-gap: var(--s6);
  grid-template-areas: "lead rail" "cards rail";
  padding-top: var(--s6);
}
.front__lead { grid-area: lead; }
.front__rail { grid-area: rail; border-left: 1px solid var(--rule); padding-left: var(--s6); }
.front__cards { grid-area: cards; }

.lead { padding-bottom: var(--s6); }
.lead .label { margin-bottom: var(--s3); }
.lead__h {
  font-family: var(--sans); font-weight: 700; font-size: 46px; line-height: 1.04; letter-spacing: -.02em; text-wrap: balance;
  max-width: 26ch;
}
.lead__h a { color: var(--ink); text-decoration: none; }
.lead__h a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.lead__dek { font-family: var(--serif); font-size: 21px; line-height: 1.42; color: var(--ink-2); max-width: 56ch; margin-top: var(--s4); text-wrap: pretty; }
.lead .stamp { margin-top: var(--s4); }
.lead .numbers { margin-top: var(--s5); max-width: 640px; }

.cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card { position: relative; padding: var(--s4) var(--s5) var(--s5); border-top: 1px solid var(--rule); }
.card:nth-child(3n + 1) { padding-left: 0; }
.card:nth-child(3n) { padding-right: 0; }
.card:not(:nth-child(3n + 1)) { border-left: 1px solid var(--rule); }
.card .label { margin-bottom: var(--s3); }
.card__h { font-family: var(--sans); font-weight: 600; font-size: 20px; line-height: 1.16; letter-spacing: -.012em; text-wrap: balance; }
.card__h a { color: var(--ink); text-decoration: none; }
.card__h a::after { content: ""; position: absolute; inset: 0; }
.card:hover .card__h a { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.card .label a { position: relative; z-index: 1; }
.card__dek {
  font-family: var(--serif); font-size: 15px; line-height: 1.45; color: var(--ink-2); margin-top: var(--s2);
  text-wrap: pretty;
}
.card .stamp { margin-top: var(--s3); }
.card--take { border-top-color: var(--olive); }

.latest .label { display: block; padding-bottom: var(--s3); border-bottom: 1px solid var(--ink); }
.latest ol { list-style: none; }
.latest li { display: grid; grid-template-columns: 72px minmax(0, 1fr); column-gap: var(--s3); padding: var(--s3) 0; border-bottom: 1px solid var(--rule); }
.latest time { font-family: var(--mono); font-size: 12px; line-height: 1.5; color: var(--muted); padding-top: 2px; }
.latest a { font-weight: 600; font-size: 15px; line-height: 1.25; letter-spacing: -.005em; color: var(--ink); text-decoration: none; text-wrap: pretty; }
.latest a:hover { text-decoration: underline; }
.latest li.latest__day { display: block; padding: var(--s3) 0 var(--s2); border-bottom: 1px solid var(--rule); font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.latest__op { font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--olive); margin-right: var(--s1); }

.row { padding-top: var(--s7); }
.rowhead { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: var(--s3); border-bottom: 1px solid var(--ink); }
.rowhead__more { font-family: var(--mono); font-size: 12px; }
.rowhead__more--take { color: var(--olive); }
.row .cards .card { border-top: 0; }
.row--take .card { border-top: 0; }
.row--take .empty { padding-top: var(--s5); }
.row:last-of-type { padding-bottom: var(--s8); }
.rowhead__t { font-family: var(--mono); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ink); }

/* ---------- section and static pages ---------- */
.secpage { padding-top: var(--s7); padding-bottom: var(--s8); }
.sechead { padding-bottom: var(--s5); }
.sechead__h { font-weight: 700; font-size: 40px; line-height: 1.05; letter-spacing: -.02em; }
.sechead__d { font-family: var(--serif); font-size: 18px; line-height: 1.5; color: var(--ink-2); max-width: 56ch; margin-top: var(--s3); }
.cards--list { border-top: 1px solid var(--ink); }

.page { padding-top: var(--s7); padding-bottom: var(--s8); }
.page__head { max-width: 660px; }
.page__h { font-weight: 700; font-size: 40px; line-height: 1.05; letter-spacing: -.02em; }
.page__dek { font-family: var(--serif); font-size: 20px; line-height: 1.45; color: var(--ink-2); margin-top: var(--s3); text-wrap: pretty; }
.page__head { padding-bottom: var(--s5); border-bottom: 1px solid var(--ink); margin-bottom: var(--s5); }

/* ---------- prose ---------- */
.prose { font-family: var(--serif); font-size: 18px; line-height: 1.6; max-width: 660px; }
.prose p { margin: 0 0 var(--s4); text-wrap: pretty; }
.prose h2 { font-family: var(--sans); font-weight: 700; font-size: 22px; line-height: 1.2; letter-spacing: -.01em; margin: var(--s7) 0 var(--s3); scroll-margin-top: var(--s5); text-wrap: balance; }
.prose h2:first-child { margin-top: 0; }
.prose h3 { font-family: var(--sans); font-weight: 600; font-size: 18px; line-height: 1.25; margin: var(--s6) 0 var(--s2); }
.prose ul, .prose ol { margin: 0 0 var(--s4); padding-left: var(--s5); }
.prose li { margin-bottom: var(--s2); text-wrap: pretty; }
.prose li::marker { color: var(--muted); }
.prose strong { font-weight: 600; }
.prose a { color: var(--link); }
.prose blockquote { margin: 0 0 var(--s4); padding-left: var(--s4); border-left: 2px solid var(--ink); }
.tablewrap { overflow-x: auto; margin: var(--s4) 0 var(--s5); }
.prose table { border-collapse: collapse; width: 100%; font-family: var(--mono); font-size: 14px; line-height: 1.4; }
.prose caption { text-align: left; font-family: var(--mono); font-size: 12px; color: var(--muted); padding-bottom: var(--s2); }
.prose th, .prose td { text-align: left; padding: var(--s2) var(--s3) var(--s2) 0; border-bottom: 1px solid var(--rule); font-weight: 400; }
.prose thead th { font-weight: 600; border-bottom: 1px solid var(--ink); }
.prose td:last-child, .prose th:last-child { text-align: right; padding-right: 0; }
.clog { list-style: none; padding: 0; font-family: var(--serif); }
.clog li { padding: var(--s3) 0; border-bottom: 1px solid var(--rule); }
.clog time { font-family: var(--mono); font-size: 13px; color: var(--muted); margin-right: var(--s2); }

/* ---------- story ---------- */
.story__head { padding-top: var(--s7); padding-bottom: var(--s5); }
.story__head .label { margin-bottom: var(--s3); }
.story__h { font-weight: 700; font-size: 40px; line-height: 1.07; letter-spacing: -.02em; text-wrap: balance; max-width: 24ch; }
.story__dek { font-family: var(--serif); font-size: 21px; line-height: 1.42; color: var(--ink-2); margin-top: var(--s4); max-width: 44ch; text-wrap: pretty; }
.byline { font-family: var(--mono); font-size: 12px; line-height: 1.6; color: var(--muted); margin-top: var(--s4); }
.byline__n { color: var(--ink); font-weight: 600; }
.sep { margin: 0 var(--s1); }
.disclosure { font-family: var(--mono); font-size: 12px; line-height: 1.6; color: var(--muted); margin-top: var(--s1); }
.story__head { border-bottom: 0; }

.story__grid {
  max-width: calc(var(--wrap) + 2 * var(--gutter));
  display: grid; grid-template-columns: 200px minmax(0, 660px) minmax(0, 284px); column-gap: var(--s7);
  padding-top: var(--s5); padding-bottom: var(--s8);
}
.story__side { position: sticky; top: var(--s5); align-self: start; border-top: 2px solid var(--ink); padding-top: var(--s2); }
.story__side .label { border-bottom: 0; padding-bottom: var(--s3); }
.story__side li { grid-template-columns: 1fr; row-gap: var(--s1); }
.story__side li:first-child { border-top: 1px solid var(--rule); }
.story__rail { position: sticky; top: var(--s5); align-self: start; font-size: 13px; border-top: 2px solid var(--ink); padding-top: var(--s2); }
.rail__t { font-family: var(--mono); font-size: 12px; color: var(--muted); margin-bottom: var(--s2); }
.story__rail ol { list-style: none; }
.story__rail li { border-bottom: 1px solid var(--rule); }
.story__rail a { display: block; padding: var(--s2) 0; color: var(--ink); text-decoration: none; font-weight: 500; line-height: 1.25; }
.story__rail a:hover { color: var(--link); }
.story__body { min-width: 0; }

.block { margin: 0 0 var(--s7); scroll-margin-top: var(--s5); }
.prose + .block { margin-top: var(--s7); }
.block__bar { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); border-top: 2px solid var(--ink); padding-top: var(--s2); margin-bottom: var(--s4); }
.block__label { font-family: var(--mono); font-size: 12px; font-weight: 600; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: var(--ink); }
.block p, .block ul { font-family: var(--serif); font-size: 18px; line-height: 1.6; }
.block p { margin: 0 0 var(--s4); text-wrap: pretty; }
.block ul.watch { padding-left: var(--s5); margin: 0; }
.block ul.watch li { margin-bottom: var(--s2); }
.block ul.watch li::marker { color: var(--muted); }
#sources { margin-bottom: 0; }

.tag { display: inline-block; font-family: var(--mono); font-size: 11px; font-weight: 500; line-height: 1; letter-spacing: .04em; text-transform: uppercase; padding: 4px 6px 3px; border: 1px solid var(--ink); color: var(--ink); white-space: nowrap; }
.tag--outline { border-color: var(--muted); color: var(--ink-2); }
.tag--primary { background: var(--ink); color: var(--page); }
.tag--secondary, .tag--vendor { border-color: var(--muted); color: var(--ink-2); }

.ref { font-family: var(--mono); font-size: 11px; line-height: 0; margin-left: 1px; }
.ref a { text-decoration: none; font-weight: 500; }
.ref a:hover { text-decoration: underline; }

/* by the numbers */
.numbers { list-style: none; display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); border: 1px solid var(--ink); font-family: var(--mono); }
.numbers--2 { --n: 2; } .numbers--3 { --n: 3; } .numbers--4 { --n: 4; } .numbers--1 { --n: 1; }
.numbers li { padding: var(--s4); display: flex; flex-direction: column; gap: var(--s2); }
.numbers li + li { border-left: 1px solid var(--rule); }
.num__fig { display: flex; align-items: flex-end; min-height: 32px; font-size: 30px; font-weight: 500; line-height: 1; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
.num__fig--m { font-size: 24px; }
.num__fig--l { font-size: 18px; line-height: 1.15; letter-spacing: -.01em; }
.num__unit { font-size: 13px; font-weight: 400; letter-spacing: 0; margin-left: var(--s1); color: var(--ink-2); }
.num__lab { font-family: var(--sans); font-size: 14px; line-height: 1.3; color: var(--ink-2); }
.numbers .ref { font-size: 11px; }
.numbers--lead li { padding: var(--s3) var(--s4); }
.numbers--lead .num__fig { font-size: 26px; }
.numbers--lead .num__fig--m { font-size: 24px; }
.numbers--lead .num__fig--l { font-size: 18px; }
.numbers--lead .num__lab { font-size: 13px; }
.numbers__wrap { margin: var(--s5) 0 var(--s6); }
.numbers__wrap .block__label { display: flex; justify-content: space-between; gap: var(--s3); border-top: 2px solid var(--ink); padding-top: var(--s2); margin-bottom: var(--s3); }
.numbers__cap { font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--muted); }
.numbers--retired .num__fig { text-decoration: line-through; text-decoration-thickness: 1px; color: var(--muted); }
.numbers--retired { border-color: var(--muted); }

/* short version */
.short { border: 1px solid var(--ink); padding: var(--s4) var(--s5) var(--s2); margin: 0 0 var(--s6); }
.short .block__label { margin-bottom: var(--s3); }
.short ul { font-family: var(--serif); font-size: 17px; line-height: 1.5; padding-left: var(--s5); margin: 0 0 var(--s3); }
.short li { margin-bottom: var(--s2); text-wrap: pretty; }
.short li::marker { color: var(--muted); }

/* sources */
.sources { list-style: none; counter-reset: s; font-family: var(--sans); }
.sources li { counter-increment: s; position: relative; padding: var(--s3) 0 var(--s3) var(--s6); border-bottom: 1px solid var(--rule); display: flex; flex-wrap: wrap; gap: var(--s1) var(--s3); align-items: baseline; scroll-margin-top: var(--s5); }
.sources li:first-child { border-top: 1px solid var(--rule); }
.sources li::before { content: "[" counter(s) "]"; position: absolute; left: 0; top: var(--s3); font-family: var(--mono); font-size: 12px; color: var(--muted); line-height: 1.7; }
.sources li:target { background: #F1EEE6; }
.src__title { flex: 1 1 100%; font-size: 15px; font-weight: 600; line-height: 1.3; }
.src__meta { font-family: var(--mono); font-size: 12px; color: var(--muted); }
.src__tags { display: inline-flex; gap: var(--s2); align-items: center; flex-wrap: wrap; }
.src__note { flex: 1 1 100%; font-family: var(--serif); font-size: 14px; line-height: 1.45; color: var(--ink-2); }
.src__url { font-family: var(--mono); font-size: 12px; }
.src__na { font-family: var(--mono); font-size: 12px; color: var(--muted); }
.sources--ex .src__title { font-weight: 400; font-family: var(--serif); font-size: 15px; line-height: 1.45; }
.verified { font-family: var(--mono); font-size: 12px; color: var(--muted); margin-top: var(--s5); }

/* related */
.related { padding-bottom: var(--s8); max-width: calc(var(--wrap) + 2 * var(--gutter)); }
.related .rowhead__t { display: block; padding-bottom: var(--s3); border-bottom: 1px solid var(--ink); }
.related .cards .card { border-top: 0; }

/* take */
.story__grid--take { grid-template-columns: minmax(0, 660px) minmax(0, 284px); justify-content: space-between; padding-top: 0; }
.story__main { min-width: 0; }
.story--take .story__head { padding-left: 0; padding-right: 0; }
.story--take .story__side { margin-top: var(--s7); }
.optag { display: inline-block; padding: 4px 6px 3px; border: 1px solid var(--olive); color: var(--olive); }
.author { display: flex; gap: var(--s3); align-items: center; margin-top: var(--s5); }
.avatar { width: 56px; height: 56px; flex: none; object-fit: cover; }
.avatar--mono { display: flex; align-items: center; justify-content: center; background: var(--olive); color: var(--page); font-family: var(--sans); font-weight: 700; font-size: 18px; letter-spacing: .04em; }
.author__n { font-weight: 600; font-size: 16px; line-height: 1.2; }
.author__n a { color: var(--ink); text-decoration: none; }
.author__n a:hover { text-decoration: underline; }
.author__r { font-size: 14px; color: var(--ink-2); line-height: 1.3; }
.author .byline { margin-top: var(--s1); }
.opnote { font-family: var(--mono); font-size: 12px; line-height: 1.5; color: var(--olive); margin-top: var(--s4); padding-top: var(--s3); border-top: 1px solid var(--rule); }
.opnote a { color: var(--olive); }
.resp { border: 1px solid var(--rule); border-left: 3px solid var(--olive); padding: var(--s4) var(--s5); margin: var(--s4) 0 var(--s6); }
.resp__label { font-family: var(--mono); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--olive); }
.resp__who { font-weight: 600; font-size: 15px; margin-top: var(--s2); }
.resp__q { margin-top: var(--s2); font-family: var(--serif); font-style: italic; font-size: 18px; line-height: 1.45; }
.resp__q p::before { content: "\201C"; } .resp__q p::after { content: "\201D"; }
.resp__link { font-family: var(--mono); font-size: 12px; margin-top: var(--s3); }
.story--take .prose { margin-bottom: var(--s6); }
.story--take .block__bar { border-top-color: var(--olive); }
.story__body--take { max-width: 660px; }
.story--take .story__body--take #sources { margin-bottom: var(--s8); }
.story--take .story__body--take:empty { display: none; }

/* ---------- footer ---------- */
.foot { border-top: 1px solid var(--ink); background: var(--page); }
.foot__in { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--s6); row-gap: var(--s5); padding-top: var(--s6); padding-bottom: var(--s6); }
.foot__id { display: flex; gap: var(--s3); align-items: flex-start; }
.foot__shield { width: 27px; height: 35px; flex: none; }
.foot__pub { font-weight: 700; font-size: 15px; line-height: 1.2; }
.foot__pub a { color: var(--ink); text-decoration: none; }
.foot__pub a:hover { text-decoration: underline; }
.foot__line { font-family: var(--serif); font-size: 14px; line-height: 1.45; color: var(--muted); margin-top: var(--s1); max-width: 40ch; }
.foot__links { list-style: none; display: grid; gap: var(--s2); align-content: start; font-size: 14px; }
.foot__links a { color: var(--ink); text-decoration: none; }
.foot__links a:hover { text-decoration: underline; }
.foot__small { grid-column: 1 / -1; font-family: var(--mono); font-size: 12px; color: var(--muted); border-top: 1px solid var(--rule); padding-top: var(--s4); }
.foot__small a { color: var(--muted); }

/* ---------- responsive ---------- */
@media (max-width: 1100px) {
  .story__grid { grid-template-columns: minmax(0, 660px); }
  .story__rail, .story__side { display: none; }
  .story__grid--take { grid-template-columns: minmax(0, 660px); }
  .front { grid-template-columns: minmax(0, 1fr) 280px; column-gap: var(--s5); }
  .front__rail { padding-left: var(--s5); }
  .lead__h { font-size: 40px; }
  .front .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .front .card:nth-child(3n + 1), .front .card:nth-child(3n) { padding-left: var(--s5); padding-right: var(--s5); border-left: 1px solid var(--rule); }
  .front .card:nth-child(2n + 1) { padding-left: 0; border-left: 0; }
  .front .card:nth-child(2n) { padding-right: 0; }
}
@media (max-width: 860px) {
  :root { --gutter: 16px; }
  .front { display: block; padding-top: var(--s5); }
  .front__rail { border-left: 0; padding-left: 0; margin-bottom: var(--s6); }
  .lead { padding-bottom: var(--s5); }
  .lead__h { font-size: 34px; }
  .lead__dek { font-size: 19px; }
  .cards, .front .cards { grid-template-columns: minmax(0, 1fr); }
  .cards .card:nth-child(n), .front .cards .card:nth-child(n) { padding-left: 0; padding-right: 0; border-left: 0; border-top: 1px solid var(--rule); }
  .row .cards .card:first-child, .related .cards .card:first-child { border-top: 0; }
  .card--take:nth-child(n) { border-top-color: var(--olive); }
  .row { padding-top: var(--s6); }
  .wordmark { font-size: 20px; }
  .band__top { padding: var(--s3) 0 var(--s2); }
  .story__head { padding-top: var(--s5); }
  .story__h, .sechead__h, .page__h { font-size: 30px; }
  .story__dek { font-size: 19px; }
  .story__grid { padding-top: var(--s4); padding-bottom: var(--s7); }
  .num__fig--m, .numbers--lead .num__fig--m { font-size: 19px; }
  .numbers { --n: 2 !important; }
  .numbers li:nth-child(odd) { border-left: 0; }
  .numbers li:nth-child(n + 3) { border-top: 1px solid var(--rule); }
  .numbers--3 li:nth-child(3) { grid-column: 1 / -1; }
  .numbers--1 { --n: 1 !important; }
  .foot__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .foot__id { grid-column: 1 / -1; }
  .short { padding: var(--s4) var(--s4) var(--s2); }
  .numbers__wrap .block__label { flex-direction: column; gap: var(--s1); }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }
@media print { .band, .dateline, .foot, .story__rail, .story__side { display: none; }
  .story__grid--take { grid-template-columns: minmax(0, 660px); } body { background: #fff; } }