/* DAILY RED EYE · ARTICLE EXPERIENCE v2.1 — derives from Homepage/Category Design System */
:root{--article-font:20px;--article-line:1.83}
#article-progress{height:3px;position:fixed;left:0;top:0;width:0;background:var(--accent);z-index:200;pointer-events:none;transition:width .08s linear}
.article-layout{padding-bottom:80px}
.article-breadcrumb{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:12px;margin:30px 0 37px;flex-wrap:wrap}
.article-breadcrumb a:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.article-head{max-width:1050px;margin:0 auto}
.article-type{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--text);line-height:1.5}.article-accent{width:26px;height:3px;background:var(--accent)}.sample-mark{letter-spacing:.04em;color:var(--muted);font-size:10px;border:1px solid var(--rule);padding:4px 8px;font-weight:650}
.article-h1{font-size:clamp(37px,4.2vw,61px);letter-spacing:-.03em;line-height:1.39;max-width:960px;margin:21px 0 21px;font-weight:700}
html[lang="en"] .article-h1{font-size:clamp(38px,4.4vw,64px);line-height:1.14;max-width:930px;font-weight:600}
.article-deck{font:400 19px/1.8 var(--font-ui);color:var(--muted);max-width:920px;letter-spacing:-.007em}
html[lang="en"] .article-deck{font-size:20px;line-height:1.65}
.article-byline{display:flex;gap:13px;align-items:center;margin-top:32px;flex-wrap:wrap}.author-avatar{background:#141416;color:#fff;border:1px solid var(--rule);height:46px;width:46px;display:grid;place-items:center;font-weight:800;letter-spacing:-.1em;font-size:20px;flex:none}.author-avatar span{color:var(--accent)}.author-detail{display:flex;flex-direction:column;gap:3px}.author-detail strong{font-size:13px;font-weight:760}.author-detail>span{color:var(--muted);font-size:12px}.publish-stamp{margin-left:auto;padding-left:18px;display:flex;flex-direction:column;gap:3px;align-items:flex-end;color:var(--muted);font-size:11px;line-height:1.4}
.article-actionbar{margin-top:29px;border-block:1px solid var(--rule);min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:16px}.tools-primary,.tools-secondary{display:flex;align-items:center;gap:5px}.tools-secondary{gap:6px}.tools-label{font-size:11px;color:var(--muted);margin-right:6px;font-weight:650}.tool-button,.font-control{background:transparent;border:1px solid transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 13px;font-size:12px;font-weight:650}.tool-button svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.tool-button:hover,.font-control:hover{background:var(--surface)}.tool-button[aria-pressed="true"]{background:var(--surface);border-color:var(--rule)}.tool-button[aria-pressed="true"] svg{fill:var(--accent);stroke:var(--accent)}.font-control{font-size:13px;font-weight:800;min-width:42px;padding:0 7px;border-color:var(--rule);height:35px}.font-control:disabled{opacity:.33}.tools-break{width:1px;height:20px;background:var(--rule);margin:0 5px}
.article-hero{margin:36px auto 55px;max-width:1120px}.article-hero img{display:block;width:100%;height:auto;aspect-ratio:1250/700;object-fit:cover;background:#eae8e4}.article-hero figcaption{display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--rule);padding:11px 0;line-height:1.6}.article-hero figcaption span:last-child{letter-spacing:.08em;white-space:nowrap;font-size:9px}
.article-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:76px;max-width:1120px;margin-inline:auto;align-items:start}
.article-body{max-width:720px;min-width:0}.article-body>p{font-family:var(--font-editorial);font-size:var(--article-font);line-height:var(--article-line);letter-spacing:-.012em;margin-bottom:26px;color:var(--text)}.article-body>p.article-lead{font-weight:600;font-size:calc(var(--article-font) + 2px);line-height:1.85;margin-top:-8px}
html[lang="en"] .article-body>p{font-family:var(--font-en);font-size:var(--article-font);line-height:1.78}html[lang="en"] .article-body>p.article-lead{font-size:calc(var(--article-font) + 2px);line-height:1.7}
.article-body h2{font-size:31px;margin:50px 0 20px;font-weight:700;line-height:1.45;scroll-margin-top:24px}html[lang="en"] .article-body h2{font-size:35px;line-height:1.2;font-weight:600}
.article-at-glance{border-top:3px solid var(--text);border-bottom:1px solid var(--rule);padding:22px 24px 20px;background:var(--surface);margin:37px 0 42px}.article-at-glance .eyebrow{color:var(--text)}.article-at-glance ol{margin:17px 0 0;padding-left:24px;display:flex;flex-direction:column;gap:12px}.article-at-glance li{font-family:var(--font-ui);font-size:14px;line-height:1.8;padding-left:4px}.article-at-glance li::marker{font-size:12px;font-weight:800;color:var(--accent)}
.article-pullquote{margin:42px 0 44px;border-left:3px solid var(--accent);padding:4px 0 3px 29px}.article-pullquote>span{font-family:Georgia,serif;font-size:48px;line-height:.85;color:var(--accent)}.article-pullquote p{font-family:var(--font-editorial);font-size:28px;line-height:1.55;font-weight:700;letter-spacing:-.02em;margin:0 0 15px}html[lang="en"] .article-pullquote p{font-family:var(--font-en);line-height:1.34}.article-pullquote cite{font-size:11px;color:var(--muted);font-style:normal;font-weight:600}
.record-extract{margin:40px 0 46px;border:1px solid var(--rule)}.record-extract-head{padding:15px 18px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;font-weight:800}.record-extract-head>span:last-child{color:var(--muted);font-size:10px;letter-spacing:.07em}.record-table>div{display:grid;grid-template-columns:1fr 1.2fr;padding:12px 18px;gap:15px;font-size:13px;border-bottom:1px solid var(--rule);line-height:1.6}.record-table>div:first-child{background:var(--surface);font-weight:750;font-size:12px}.record-table span:first-child{font-weight:600}.record-extract>p{font-size:11px;line-height:1.7;color:var(--muted);padding:13px 18px}
.reader-endnote{margin:40px 0;background:var(--surface);padding:24px;border-left:3px solid var(--accent)}.reader-endnote p{margin-top:10px;font-size:13px;line-height:1.85;color:var(--muted)}
.source-ledger{border-top:2px solid var(--text);margin:56px 0 0;padding-top:24px;scroll-margin-top:35px}.source-heading{display:flex;align-items:end;gap:10px;justify-content:space-between}.source-heading h2,.correction-log h2{font-size:27px;margin:6px 0 0;line-height:1.5}html[lang="en"] .source-heading h2,html[lang="en"] .correction-log h2{font-size:30px}.source-counter{border:1px solid var(--rule);padding:7px 11px;font-size:11px;color:var(--muted);white-space:nowrap}.source-intro{font-size:14px;line-height:1.9;color:var(--muted);margin:15px 0 20px}.source-empty{background:var(--surface);display:flex;align-items:center;gap:13px;padding:20px;font-size:12px;color:var(--muted);line-height:1.8}.source-empty svg{width:26px;height:26px;fill:none;stroke:var(--text);stroke-width:1.4;flex:none}
.correction-log{border-top:1px solid var(--rule);margin:42px 0 0;padding-top:23px;scroll-margin-top:30px}.correction-row{display:flex;align-items:start;gap:13px;margin-top:14px;font-size:13px;line-height:1.9;color:var(--muted)}.correction-icon{display:grid;place-items:center;background:var(--surface);border:1px solid var(--rule);width:27px;height:27px;flex:none;color:var(--text)}
.article-response{border-top:1px solid var(--rule);margin:38px 0 0;padding:28px 0;display:flex;gap:19px}.response-avatar{height:61px;width:61px;flex:none;background:#141416;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;letter-spacing:-.04em}.article-response h3{font-size:16px;margin:8px 0}.article-response p{font-size:12px;color:var(--muted);line-height:1.85}
.sidebar-sticky{position:sticky;top:22px}.sidebar-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.09em;border-top:3px solid var(--text);padding-top:16px}.sidebar-head span{color:var(--muted);font-size:10px}.sidebar-toc nav{display:flex;flex-direction:column;margin:16px 0 32px}.sidebar-toc a{font-size:12px;line-height:1.45;padding:11px 0 11px 12px;border-left:2px solid var(--rule);color:var(--muted)}.sidebar-toc a:hover,.sidebar-toc a.active{color:var(--text);border-left-color:var(--accent);font-weight:650;background:var(--surface)}.sidebar-evidence{background:var(--surface);padding:22px;margin-bottom:28px}.sidebar-evidence-top{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:800;letter-spacing:.1em}.sidebar-red-line{background:var(--accent);width:25px;height:2px}.sidebar-evidence h3{font-size:24px;line-height:1.5;margin:17px 0 10px}.sidebar-evidence p{font-size:12px;color:var(--muted);line-height:1.8}.sidebar-evidence a{display:inline-block;font-weight:700;font-size:12px;margin-top:16px;border-bottom:1px solid var(--accent);padding-bottom:5px}.sidebar-related{border-top:1px solid var(--rule);padding-top:21px}.sidebar-related>a{display:block;font-size:13px;line-height:1.65;border-bottom:1px solid var(--rule);padding:15px 0;font-weight:650}.sidebar-related>a:hover{text-decoration:underline}
.related-articles{max-width:1120px;margin:50px auto 0;padding-top:24px;border-top:2px solid var(--text)}.related-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.related-head h2{font-size:29px;margin-top:8px}.related-head>a{font-size:12px;border-bottom:1px solid var(--accent);padding-bottom:4px;font-weight:700}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.related-card{display:flex;flex-direction:column;gap:10px}.related-card img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#e5e4df}.related-card h3{font-size:19px;line-height:1.5}.related-card:hover h3{text-decoration:underline;text-underline-offset:4px}.related-card .eyebrow{color:var(--muted)}.article-bottomline{margin:50px auto 0;max-width:1120px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;padding:16px 0;font-size:10px;letter-spacing:.07em;color:var(--muted)}.article-bottomline a{color:var(--text);font-weight:700}
.article-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:min(90vw,480px);background:var(--text);color:var(--canvas);border:1px solid var(--rule);box-shadow:var(--shadow);padding:13px 19px;font-size:13px;z-index:200;text-align:center;line-height:1.5}
html[data-render-theme="dark"] .article-at-glance,html[data-render-theme="dark"] .sidebar-evidence,html[data-render-theme="dark"] .reader-endnote{background:var(--surface)}
@media(max-width:1100px){.article-content-grid{grid-template-columns:minmax(0,1fr) 255px;gap:36px}.article-head{max-width:100%}.article-hero{max-width:100%}}
@media(max-width:850px){.article-layout{padding-bottom:45px}.article-head{max-width:100%}.article-content-grid{display:flex;flex-direction:column;gap:35px;max-width:720px}.article-sidebar{width:100%}.sidebar-sticky{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.sidebar-toc{grid-column:1 / -1}.sidebar-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-bottom:0}.sidebar-evidence{margin:0}.sidebar-related{border-top:3px solid var(--text)}.article-hero{margin-bottom:36px}.related-grid{gap:14px}}
@media(max-width:680px){.article-breadcrumb{margin:17px 0 25px;font-size:11px}.article-type{font-size:10px;gap:8px}.article-h1{font-size:clamp(30px,7.4vw,38px);line-height:1.43;margin:18px 0}.article-deck{font-size:16px;line-height:1.8}html[lang="en"] .article-h1{font-size:clamp(32px,7.7vw,41px);line-height:1.15}html[lang="en"] .article-deck{font-size:17px}.article-byline{margin-top:22px}.publish-stamp{flex:0 0 100%;margin-left:59px;align-items:start;padding:0;gap:1px}.article-actionbar{margin-top:22px;flex-wrap:wrap;justify-content:space-between;padding:8px 0;gap:2px}.tool-button{padding:0 8px}.tools-primary,.tools-secondary{gap:1px}.tools-secondary{margin-left:auto}.tools-label{display:none}.print-control{display:none}.article-hero{margin:21px 0 27px}.article-hero figcaption{font-size:10px}.article-hero figcaption span:last-child{display:none}.article-body>p{font-size:calc(var(--article-font) - 1px);line-height:1.9}.article-body>p.article-lead{font-size:calc(var(--article-font) + 1px)}.article-body h2{font-size:26px;margin-top:38px}html[lang="en"] .article-body h2{font-size:28px}.article-at-glance{padding:18px;margin:28px 0}.article-at-glance li{font-size:13px}.article-pullquote{padding-left:18px;margin:28px 0}.article-pullquote p{font-size:23px}.record-table>div{grid-template-columns:1fr 1fr;padding:11px 12px;font-size:12px}.record-extract-head{padding:13px 12px}.source-heading{align-items:start}.source-counter{font-size:9px;padding:5px 7px}.source-heading h2,.correction-log h2{font-size:23px}.related-grid{display:flex;flex-direction:column;gap:26px}.related-card{display:grid;grid-template-columns:116px 1fr;column-gap:15px;row-gap:2px}.related-card img{grid-row:1 / span 2;aspect-ratio:3/2;object-fit:cover}.related-card h3{font-size:16px}.related-head h2{font-size:26px}.article-bottomline{font-size:9px}.sidebar-sticky{display:block}.sidebar-toc nav{grid-template-columns:1fr 1fr;gap:0 10px}.sidebar-evidence{margin-bottom:20px}}
@media(max-width:370px){.tools-secondary{width:100%;justify-content:flex-end}.article-actionbar{row-gap:0}.article-type{flex-wrap:wrap}.article-h1{font-size:30px}.article-deck{font-size:15px}.article-body h2{font-size:24px}.sidebar-toc nav{display:block}.related-head{align-items:start}.related-head>a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#article-progress{transition:none}}
@media print{.site-head,.topic-strip,.prototype-bar,.article-actionbar,.article-sidebar,.footer,.related-articles,.article-bottomline,.article-toast,#article-progress,.screen-overlay,.mobile-drawer,.search-dialog,.story-dialog{display:none!important}body{background:white!important;color:black!important}.article-layout{width:100%;padding:0}.article-hero{margin:15px 0}.article-content-grid{display:block}.article-body{max-width:100%}.article-body p{font-size:12pt!important}.article-head,.article-body,.article-hero{max-width:none}.article-h1{font-size:30pt}.article-at-glance{break-inside:avoid}}
/* Mobile publish metadata must take the remaining row width, not 100% plus indentation. */
@media(max-width:680px){.publish-stamp{flex:0 1 auto;width:calc(100% - 59px);max-width:calc(100% - 59px);overflow-wrap:anywhere}}