:root {
  --red: #e3120b;
  --ink: #121212;
  --muted: #666;
  --line: #d8d8d8;
  --paper: #fff;
  --wash: #f4f1ed;
  --navy: #111b31;
  --max: 1260px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font: 16px/1.45 Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
button, input { font: inherit; }
.site-header { background: #fff; }
.masthead {
  width: min(100%, var(--max));
  min-height: 78px;
  margin: auto;
  padding: 13px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.brand { display: inline-flex; align-items: center; gap: 0; text-decoration: none; }
.brand-z { display: block; width: 42px; height: 42px; margin-right: -9px; object-fit: contain; background: #fff; }
.brand-name { font: 700 21px/1 Georgia, 'Times New Roman', serif; letter-spacing: -.45px; }
.top-actions { display: flex; align-items: center; gap: 21px; }
.top-actions a { text-decoration: none; font-size: 14px; font-weight: 700; }
.search-toggle {
  width: 36px; height: 36px; display: grid; place-items: center;
  border: 0; background: transparent; cursor: pointer; color: #111; font-size: 25px;
}
.search-toggle:hover { color: var(--red); }
.topic-nav { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.topic-nav ul {
  width: min(100%, var(--max)); margin: auto; padding: 0 26px; list-style: none;
  display: flex; align-items: center; gap: 25px; min-height: 46px; overflow-x: auto;
  scrollbar-width: none; white-space: nowrap;
}
.topic-nav ul::-webkit-scrollbar { display: none; }
.topic-nav a { text-decoration: none; font-size: 13px; font-weight: 700; }
.topic-nav a:hover, .text-link:hover { color: var(--red); }
.search-panel { background: var(--wash); border-bottom: 1px solid var(--line); padding: 16px 26px; }
.search-panel[hidden] { display: none; }
.search-panel form { width: min(100%, 850px); margin: auto; display: flex; gap: 10px; }
.search-panel input { flex: 1; min-width: 0; border: 1px solid #aaa; padding: 12px 14px; background: white; }
.search-panel button { border: 0; background: var(--red); color: white; padding: 0 22px; font-weight: 700; cursor: pointer; }
.page-wrap { width: min(100%, var(--max)); margin: auto; padding: 0 26px 70px; }
.date-row { display: flex; align-items: center; justify-content: space-between; padding: 22px 0 14px; color: #555; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.date-row strong { color: var(--red); }
.section { margin-top: 30px; }
.section-heading {
  display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
  border-bottom: 2px solid var(--ink); margin: 0 0 20px; padding: 0 0 9px;
}
.section-heading h2 { margin: 0; font-size: 23px; line-height: 1.1; letter-spacing: -.5px; }
.section-heading a { color: var(--red); text-decoration: none; font-size: 13px; font-weight: 700; }
.eyebrow { display: block; margin-bottom: 7px; color: var(--red); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.brief-grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(270px, .9fr); gap: 28px; }
.brief-lead { display: grid; grid-template-columns: 1fr 1fr; min-height: 286px; background: #f7f4f0; }
.brief-lead .art { height: 100%; min-height: 286px; }
.brief-lead-copy { padding: 26px 26px 24px; align-self: center; }
.brief-lead h1, .brief-lead h2 { margin: 0 0 12px; font-size: clamp(27px, 3vw, 38px); letter-spacing: -1.3px; line-height: 1.02; }
.brief-lead p { margin: 0; color: #444; font-size: 15px; }
.brief-side { border-left: 1px solid var(--line); padding-left: 25px; }
.brief-side .eyebrow { margin-top: 4px; }
.brief-side h3 { margin: 0; font-size: 19px; line-height: 1.16; letter-spacing: -.4px; }
.brief-side p { margin: 6px 0 15px; color: var(--muted); font-size: 13px; }
.brief-side .side-item { border-bottom: 1px solid var(--line); padding: 0 0 11px; margin-bottom: 11px; }
.text-link { color: inherit; text-decoration: none; }
.stories-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.story { display: block; min-width: 0; text-decoration: none; }
.story:hover h3 { color: #4d1714; text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 3px; }
.story .art { margin-bottom: 12px; }
.story h3 { margin: 0 0 8px; font-size: 22px; line-height: 1.1; letter-spacing: -.65px; transition: color .15s; }
.story p { margin: 0 0 9px; color: #4c4c4c; font-size: 14px; line-height: 1.4; }
.story-meta { display: flex; align-items: center; gap: 8px; color: #777; font-size: 11px; text-transform: uppercase; letter-spacing: .055em; }
.story-meta .category { color: var(--red); font-weight: 700; }
.art {
  position: relative; isolation: isolate; min-height: 170px; overflow: hidden;
  background: #d7c7bd; color: #fff;
}
.art::before, .art::after { content: ''; position: absolute; z-index: -1; }
.art::before { width: 52%; aspect-ratio: 1; border-radius: 50%; top: -17%; right: -5%; background: rgba(255,255,255,.22); }
.art::after { width: 120%; height: 55%; left: -10%; bottom: -27%; transform: rotate(-8deg); background: rgba(10,17,30,.28); }
.art-note { position: absolute; left: 18px; bottom: 15px; max-width: 68%; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .13em; text-shadow: 0 1px 5px #1118; }
.art--saudi { background: linear-gradient(140deg, #f0a77b, #9e324d 54%, #342039); }
.art--brief { background: linear-gradient(145deg,#a8c0cb,#4d667b 55%,#18263b); }
.art--brief::before { width: 39%; aspect-ratio: 1; right: 23%; top: 11%; border: 1px solid #f6e5c7; background: radial-gradient(circle at 34% 34%,#bbd6cd 0 8%,transparent 8.5%),radial-gradient(circle at 61% 57%,#d09b72 0 11%,transparent 11.5%),#728d8c; box-shadow: 0 0 0 12px #f1dfc177, 0 0 0 29px #e6d2a744; }
.art--brief::after { height: 25%; bottom: 6%; left: 0; width: 100%; background: linear-gradient(170deg,transparent 0 31%,#111d30 32% 100%); transform: none; }
.art--saudi::before { border-radius: 1px 1px 0 0; width: 23%; height: 80%; right: 22%; top: 25%; background: repeating-linear-gradient(0deg,#f3c28e 0 7px,#b96460 7px 11px); transform: perspective(100px) rotateY(-10deg); box-shadow: 46px 13px 0 -8px #e4ac78, -44px 24px 0 -11px #f1c18a; }
.art--science { background: radial-gradient(circle at 25% 30%, #edaa4b 0 9%, transparent 9.5%), linear-gradient(135deg, #162a49, #267279 65%, #9dbb9c); }
.art--science::before { width: 31%; aspect-ratio: 1; top: 20%; right: 22%; border: 4px solid #e7d9b1; background: transparent; transform: scaleX(1.3) rotate(48deg); }
.art--science::after { width: 31%; aspect-ratio: 1; top: 20%; right: 22%; left: auto; bottom: auto; border: 4px solid #e7d9b1; border-radius: 50%; background: transparent; transform: scaleX(1.3) rotate(-48deg); }
.art--democracy { background: linear-gradient(145deg, #d9c9ab, #758d7b 52%, #334c48); }
.art--democracy::before { width: 48%; height: 71%; top: 17%; right: 23%; border-radius: 45% 45% 4px 4px; background: linear-gradient(90deg,#e6dfc8 0 20%,#bdc2a6 20% 28%,#e6dfc8 28% 48%,#bdc2a6 48% 56%,#e6dfc8 56% 76%,#bdc2a6 76% 84%,#e6dfc8 84%); box-shadow: 0 13px 0 -3px #473f35; }
.art--homes { background: linear-gradient(150deg, #95c1cf, #d4ba9b 60%, #697d78); }
.art--homes::before { width: 38%; height: 39%; right: 25%; top: 38%; border-radius: 2px; background: #f4e9d4; box-shadow: inset 0 -15px #94765c; }
.art--homes::after { width: 38%; height: 38%; right: 25%; left: auto; bottom: 34%; background: #8b5349; clip-path: polygon(50% 0,100% 54%,91% 54%,91% 100%,9% 100%,9% 54%,0 54%); }
.art--africa { background: linear-gradient(135deg, #3f263c, #b84a35 52%, #e4a055); }
.art--africa::before { width: 18%; height: 60%; top: 29%; right: 22%; border-radius: 45% 45% 8% 8%; background: #201f25; box-shadow: -42px 28px 0 -8px #25212a, 47px 16px 0 -6px #25212a; }
.art--japan { background: linear-gradient(155deg,#b2cbd1,#354f71 57%,#111c32); }
.art--japan::before { width: 14%; height: 77%; top: 16%; right: 42%; background: repeating-linear-gradient(0deg,#e1b979 0 4px,#405879 4px 12px); box-shadow: -67px 25px 0 -13px #e5a07d, 67px 6px 0 -8px #d5b778; }
.art--culture { background: linear-gradient(135deg,#df8d8a,#db5471 58%,#492944); }
.art--culture::before { width: 34%; height: 47%; right: 32%; top: 39%; border-radius: 0 0 18px 18px; background: repeating-linear-gradient(90deg,#d84044 0 10px,#f4c47f 10px 15px); transform: perspective(100px) rotateX(-8deg); box-shadow: inset 0 -10px #efc479; }
.art--culture::after { width: 37%; height: 19%; right: 30%; left: auto; bottom: 49%; border-radius: 50%; background: radial-gradient(circle at 20% 50%,#fff0bf 0 17%,transparent 18%),radial-gradient(circle at 45% 20%,#fff0bf 0 19%,transparent 20%),radial-gradient(circle at 70% 45%,#fff0bf 0 20%,transparent 21%),#f1bc73; }
.art--ai { background: linear-gradient(145deg,#242e56,#bb5563 53%,#e7ac7f); }
.art--ai::before { width: 34%; height: 65%; top: 20%; right: 33%; border: 2px solid #f2dbc2; border-radius: 44% 44% 12% 12%; background: repeating-linear-gradient(0deg,transparent 0 13px,#f4ddbb55 13px 15px); }
.art--bank { background: linear-gradient(135deg,#628d9b,#d5d0b7 52%,#a34e43); }
.art--bank::before { width: 44%; height: 47%; right: 26%; top: 35%; background: #e8dfc8; clip-path: polygon(50% 0,100% 28%,100% 37%,0 37%,0 28%); box-shadow: 0 0 0 30px transparent; }
.art--issue { min-height: 360px; background: linear-gradient(135deg,#f4e8d7,#d6a59a 50%,#a62520); }
.art--issue::before { width: 44%; height: 73%; top: 13%; right: 27%; border-radius: 50% 50% 5% 5%; background: linear-gradient(180deg,#282827,#b9aa9c 56%,#4e463f 57%); box-shadow: -64px 44px 0 -40px #eee1cd, 66px 32px 0 -38px #d7d0c4; }
.art--issue .art-note { color: white; font-size: 19px; max-width: none; left: 20px; bottom: 22px; }
.section-two-col { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; align-items: start; }
.compact-list { border-top: 1px solid var(--line); }
.compact-story { display: grid; grid-template-columns: 116px 1fr; gap: 15px; padding: 14px 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.compact-story .art { min-height: 82px; }
.compact-story h3 { margin: 2px 0 7px; font-size: 17px; line-height: 1.12; letter-spacing: -.3px; }
.compact-story p { margin: 0; color: #777; font-size: 12px; }
.weekly { display: grid; grid-template-columns: .9fr 1.1fr; gap: 28px; padding: 25px; background: var(--wash); }
.weekly-copy h3 { margin: 0 0 9px; font-size: 34px; line-height: 1; letter-spacing: -1px; }
.weekly-copy p { color: #555; margin: 0 0 18px; }
.weekly-links { list-style: none; padding: 0; margin: 0; border-top: 1px solid #c9c5c0; }
.weekly-links li { border-bottom: 1px solid #c9c5c0; padding: 11px 0; }
.weekly-links a { text-decoration: none; font-weight: 700; }
.most-read { counter-reset: read; display: grid; grid-template-columns: repeat(5,1fr); gap: 0; border-top: 1px solid var(--line); }
.most-read a { counter-increment: read; padding: 14px 16px 5px 0; text-decoration: none; border-right: 1px solid var(--line); margin-right: 16px; }
.most-read a::before { content: '0' counter(read); display: block; margin-bottom: 9px; color: var(--red); font: 700 21px/1 Georgia,serif; }
.most-read h3 { margin: 0; font-size: 16px; line-height: 1.15; }
.site-footer { border-top: 1px solid var(--line); padding: 25px 26px 35px; color: #555; }
.footer-inner { width: min(100%, var(--max)); margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.footer-inner p { margin: 0; font-size: 12px; }
.footer-links { display: flex; gap: 18px; font-size: 12px; }
.footer-links a { text-decoration: none; }

/* Article view */
.article-page { width: min(100%, 1030px); margin: auto; padding: 27px 26px 70px; }
.breadcrumbs { color: #666; font-size: 12px; margin-bottom: 18px; }
.breadcrumbs a { color: var(--red); text-decoration: none; font-weight: 700; }
.article-heading { max-width: 880px; margin: 0 auto 22px; }
.article-heading h1 { max-width: 820px; margin: 0 0 15px; font-size: clamp(38px, 6vw, 67px); line-height: .98; letter-spacing: -2.6px; }
.article-deck { max-width: 790px; margin: 0; color: #555; font-size: clamp(19px, 2.4vw, 25px); line-height: 1.3; }
.article-byline { max-width: 880px; margin: 20px auto; display: flex; align-items: center; justify-content: space-between; padding: 13px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 13px; }
.article-byline strong { color: var(--red); }
.article-byline span { color: #777; }
.article-hero { display: block; width: 100%; max-width: 880px; height: auto; min-height: 0; margin: 0 auto 8px; }
.article-figure { max-width: 880px; margin: 0 auto 27px; }
.portrait-art { background: linear-gradient(135deg,#d7cabb,#6f8b81 52%,#33474a); }
.portrait-art::before { width: 27%; height: 65%; right: 36%; top: 21%; border-radius: 48% 48% 8% 8%; background: linear-gradient(90deg,#282a2b,#4a4b49 55%,#1f2727); box-shadow: 0 78px 0 32px #3c4542; }
.portrait-art::after { width: 16%; height: 23%; right: 41.5%; top: 13%; bottom: auto; left: auto; border-radius: 50%; background: #bd8d6e; transform: none; box-shadow: inset -9px -5px #9f725b; }
.portrait-label { position: absolute; right: 17px; bottom: 14px; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }
.article-caption { max-width: 880px; margin: 0 auto; color: #777; text-align: right; font-size: 11px; }
.article-layout { max-width: 880px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 34px; align-items: start; }
.article-copy { font: 18px/1.65 Georgia, 'Times New Roman', serif; }
.article-copy p { margin: 0 0 19px; }
.article-copy .dropcap:first-letter { float: left; color: var(--red); font: 700 54px/.8 Georgia,serif; padding: 6px 7px 0 0; }
.article-topics { max-width: 880px; margin: 34px auto 0; padding-top: 20px; border-top: 1px solid var(--line); }
.article-topics h2 { margin: 0 0 12px; font-size: 17px; }
.topic-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.topic-tags a { border: 1px solid #ccc; border-radius: 20px; padding: 7px 12px; text-decoration: none; font-size: 12px; }
.topic-tags a:hover { border-color: var(--red); color: var(--red); }
.article-related { max-width: 880px; margin: 44px auto 0; }
.article-related .stories-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.article-related .story h3 { font-size: 17px; }
.article-related .art { min-height: 100px; }
.share-button { border: 1px solid #999; background: #fff; padding: 9px 14px; cursor: pointer; font-size: 13px; font-weight: 700; }
.share-button:hover { border-color: var(--red); color: var(--red); }

/* Two-story edition */
.version-note { margin: -1px 0 4px; padding: 10px 12px; border-left: 3px solid var(--red); background: var(--wash); font-size: 13px; }
.version-note a { color: var(--red); font-weight: 700; text-decoration: none; }
.two-story-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 24px; align-items: stretch; }
.edition-card { min-width: 0; border: 1px solid var(--line); background: #fff; display: flex; flex-direction: column; }
.edition-card .art { min-height: 250px; }
.edition-card-body { flex: 1; padding: 22px; display: flex; flex-direction: column; align-items: flex-start; }
.edition-card h2 { margin: 0 0 10px; font-size: clamp(25px,3vw,35px); line-height: 1.02; letter-spacing: -1px; }
.edition-card .deck { margin: 0 0 15px; color: #444; font-size: 16px; line-height: 1.42; }
.edition-card .story-meta { margin: 0 0 18px; }
.edition-card .card-action { display: inline-block; margin-top: auto; padding-top: 13px; color: var(--red); font-weight: 700; font-size: 13px; text-decoration: none; }
.edition-card .card-action:hover { text-decoration: underline; text-underline-offset: 3px; }
.edition-card:hover h2 { color: #4d1714; text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 3px; }
.edition-card:focus-visible { outline: 3px solid #edb337; outline-offset: 3px; }
.edition-card--equihash { background: #fbfaf7; }
.edition-card--equihash .art { min-height: 190px; }
.edition-card--equihash .story-art { display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 1200 / 680; object-fit: cover; }
.edition-card .story-art--known-unknown { display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 595 / 335; object-fit: cover; }
.edition-card--equihash .edition-card-body { padding-top: 19px; }
.edition-card--equihash .deck { font-size: 15px; }
.mini-distinction { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 2px 0 14px; }
.mini-distinction div { padding: 11px 10px 11px 0; }
.mini-distinction div + div { border-left: 1px solid var(--line); padding-left: 10px; }
.mini-distinction strong { display: block; margin-bottom: 4px; color: var(--red); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.mini-distinction span { display: block; font-size: 12px; line-height: 1.3; }
.edition-detail { width: min(100%, 850px); margin: 42px auto 0; }
.article-layout--single { display: block; }
.article-copy--full h2 { margin: 28px 0 9px; font-size: 27px; line-height: 1.08; letter-spacing: -.6px; }
.article-reading-links { margin-top: 30px; padding-top: 17px; border-top: 1px solid var(--line); font: 14px/1.5 Arial,Helvetica,sans-serif; }
.article-reading-links h2 { margin-top: 0; font: 700 18px/1.2 Arial,Helvetica,sans-serif; }
.article-reading-links ul { margin: 0; padding-left: 20px; }
.article-reading-links a, .original-reference a { color: var(--red); text-underline-offset: 3px; }
.original-reference { margin-top: 25px !important; padding-top: 16px; border-top: 1px solid var(--line); color: #666 !important; font: 12px/1.5 Arial,Helvetica,sans-serif; }
.edition-detail .section-heading h2 { font-size: 22px; }
.equihash-callout { padding: 19px 22px; border-left: 4px solid #edb337; background: #f7f3e8; font-size: 17px; line-height: 1.5; }
.equihash-callout strong { color: #27221b; }
.explainer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.explainer-fact { padding: 15px; border: 1px solid var(--line); background: white; }
.explainer-fact h3 { margin: 0 0 7px; color: var(--red); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.explainer-fact p { margin: 0; font-size: 14px; line-height: 1.45; }
.edition-detail p { color: #3d3d3d; }
.source-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.source-links a { display: inline-block; border: 1px solid #aaa; padding: 9px 13px; color: var(--ink); text-decoration: none; font-size: 13px; font-weight: 700; }
.source-links a:hover { border-color: var(--red); color: var(--red); }
.alternate-titles { margin-top: 18px; border-top: 1px solid var(--line); padding-top: 12px; }
.alternate-titles summary { cursor: pointer; color: #555; font-size: 13px; font-weight: 700; }
.alternate-titles ul { margin: 10px 0 0; padding-left: 20px; color: #555; font-size: 14px; }
.two-story-footer { width: min(100%, var(--max)); margin: auto; padding: 18px 26px 32px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 20px; color: #666; font-size: 12px; }
.two-story-footer a { color: inherit; text-decoration: none; }
.two-story-footer a:hover { color: var(--red); }
.art--known-unknown { background: linear-gradient(135deg,#20344a,#52818a 53%,#d6b475); }
.art--known-unknown::before { width: 35%; aspect-ratio: 1; right: 23%; top: 15%; border: 2px solid #f4e7c4; border-radius: 50%; background: radial-gradient(circle at 45% 45%,#f5d388 0 12%,transparent 13%),transparent; box-shadow: 0 0 0 10px #f1d59644; }
.art--known-unknown::after { width: 24%; height: 56%; left: 22%; bottom: 10%; background: repeating-linear-gradient(0deg,#f4e8cc 0 5px,transparent 5px 12px); transform: skewY(-18deg); }
.art--veil { background: linear-gradient(145deg,#17263b,#364e70 50%,#528c88); }
.art--veil::before { width: 32%; height: 54%; right: 31%; top: 18%; border: 2px solid #f1d38b; border-radius: 46% 46% 16% 16%; background: linear-gradient(135deg,#f4d78d33,#1a293d88); clip-path: polygon(50% 0,95% 17%,91% 68%,50% 100%,9% 68%,5% 17%); }
.art--veil::after { width: 50%; height: 2px; left: 24%; bottom: 30%; background: #f5e4b6; transform: rotate(-25deg); box-shadow: 24px -14px 0 #f5e4b6,48px -28px 0 #f5e4b6; }

@media (max-width: 850px) {
  .brief-grid { grid-template-columns: 1fr; }
  .brief-side { border-left: 0; border-top: 1px solid var(--line); padding: 18px 0 0; display: grid; grid-template-columns: repeat(2,1fr); gap: 0 18px; }
  .brief-side .eyebrow { grid-column: 1/-1; }
  .section-two-col { grid-template-columns: 1fr; gap: 28px; }
  .article-layout { grid-template-columns: minmax(0,1fr) 280px; gap: 22px; }
  .two-story-grid { grid-template-columns: 1fr 1fr; gap: 15px; }
}
@media (max-width: 620px) {
  .masthead { min-height: 65px; padding: 10px 14px; gap: 10px; }
  .brand { gap: 0; }
  .brand-z { width: 36px; height: 36px; margin-right: -8px; }
  .brand-name { font-size: 18px; }
  .top-actions { gap: 11px; }
  .topic-nav ul { padding: 0 14px; gap: 20px; min-height: 42px; }
  .topic-nav a { font-size: 12px; }
  .page-wrap { padding: 0 14px 45px; }
  .date-row { font-size: 10px; }
  .section { margin-top: 24px; }
  .section-heading h2 { font-size: 20px; }
  .brief-lead { grid-template-columns: 1fr; }
  .brief-lead .art { min-height: 220px; }
  .brief-lead-copy { padding: 20px; }
  .brief-lead h1, .brief-lead h2 { font-size: 30px; }
  .brief-side { grid-template-columns: 1fr; }
  .stories-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 14px; }
  .story h3 { font-size: 18px; }
  .story p { font-size: 12px; }
  .art { min-height: 130px; }
  .weekly { grid-template-columns: 1fr; padding: 18px; }
  .weekly .art { min-height: 300px; }
  .most-read { grid-template-columns: 1fr; }
  .most-read a { display: grid; grid-template-columns: 40px 1fr; gap: 10px; align-items: baseline; border-right: 0; border-bottom: 1px solid var(--line); padding: 12px 0; margin: 0; }
  .most-read a::before { margin: 0; }
  .footer-inner { align-items: flex-start; flex-direction: column; }
  .article-page { padding: 22px 14px 50px; }
  .article-heading h1 { letter-spacing: -1.6px; }
  .article-hero { height: auto; }
  .article-byline { align-items: flex-start; gap: 12px; flex-direction: column; }
  .article-layout { display: flex; flex-direction: column-reverse; }
  .article-copy { font-size: 17px; }
  .article-related .stories-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .article-related .story:last-child { display: none; }
  .version-note { margin: 0 0 5px; }
  .two-story-grid { grid-template-columns: 1fr; }
  .edition-card .art { min-height: 190px; }
  .mini-distinction { grid-template-columns: 1fr; }
  .mini-distinction div { padding: 9px 0; }
  .mini-distinction div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); }
  .explainer-grid { grid-template-columns: 1fr; }
  .two-story-footer { padding: 18px 14px 30px; flex-direction: column; }
}