/* Article layouts share the typography, color and media treatment of styles.css. */
.skip-link { position:absolute; left:-9999px; z-index:100; background:#fff; color:#111; padding:12px; }
.skip-link:focus { left:10px; top:10px; }
.article-top .btn { margin-top:24px; }
.archive-feature { padding:32px 0 38px; }
.archive-feature .media-card { display:block; max-width:900px; margin:0 auto; }
.archive-feature .frame > img { width:100%; height:100%; object-fit:contain; }
.archive-feature .frame .play { pointer-events:none; }
.art-below { max-width:1240px; margin:0 auto; padding:36px 24px 25px; }
.art-below > section { margin:0 0 42px; }
.art-below .paper-inner, .art-below .roe-text { max-width:850px; }
.art-below h1, .art-below h2, .art-below h3 { font-family:var(--head); font-weight:400; line-height:1.05; text-transform:uppercase; }
.art-below h1, .art-below h2 { font-size:clamp(30px,4vw,46px); margin:0 0 22px; }
.art-below h3 { font-size:25px; margin:30px 0 10px; }
.art-below .paper, .art-below .roe { border-top:5px solid var(--ink); padding-top:27px; }
.art-below .paper p, .art-below .paper li, .art-below .roe p, .art-below .info p { font:400 20px/1.68 var(--body); margin:0 0 1em; }
.art-below .paper a, .art-below .roe a { color:var(--hl); text-decoration:underline; overflow-wrap:anywhere; }
.art-below .note { border-top:1px solid #c8c1b7; padding-top:14px; font:400 15px/1.55 var(--ui) !important; color:var(--muted); }
.art-below blockquote { margin:28px 0; padding:12px 0 12px 22px; border-left:9px solid var(--red); }
.art-below blockquote p { font:400 clamp(25px,3vw,36px)/1.18 var(--head) !important; text-transform:uppercase; margin:0 0 12px !important; }
.art-below cite { display:block; font:600 13px/1.5 var(--ui); color:var(--muted); }
.art-below .video-section { background:var(--black); color:#fff; padding:28px; box-shadow:6px 6px 0 var(--red); }
.art-below .video-section h2 { margin-bottom:22px; }
.art-below .video-grid { display:grid; grid-template-columns:minmax(0,3fr) minmax(190px,1fr); gap:24px; align-items:start; }
.art-below .player { position:relative; aspect-ratio:16/9; background:#000; }
.art-below .player video, .art-below .player iframe { display:block; width:100%; height:100%; border:0; }
.art-below .chapters { max-height:480px; overflow:auto; }
.art-below .chapters h3 { margin:0 0 10px; font-size:24px; }
.art-below .chapters ol, .art-below .timeline { list-style:none; margin:0; padding:0; }
.art-below .chapters li { border-bottom:1px solid #444; }
.art-below .chapters button { width:100%; display:flex; gap:12px; text-align:left; border:0; padding:10px 5px; background:transparent; color:#fff; font:600 14px/1.4 var(--ui); cursor:pointer; }
.art-below .chapters button:hover, .art-below .chapters button.active { background:#333; }
.art-below .ctime, .art-below .ttime { color:var(--red-hot); font:700 13px var(--label); flex:none; }
.art-below .transcript { border-top:1px solid #555; margin-top:22px; padding-top:18px; font:400 15px/1.6 var(--ui); }
.art-below .transcript summary { font:600 16px var(--label); text-transform:uppercase; cursor:pointer; }
.art-below .transcript summary span { display:block; margin-top:5px; color:#bbb; font:400 13px var(--ui); text-transform:none; }
.art-below .transcript p { cursor:pointer; }
.art-below .ttime { margin-right:12px; }
.art-below .yt-line { margin:20px 0 0; }
.art-below .yt-line .btn { background:#fff; color:#111; }
.art-below .timeline li { border-bottom:1px solid #c8c1b7; padding:0 0 14px; margin:0 0 14px; }
.art-below .timeline button { display:flex; align-items:baseline; gap:14px; width:100%; background:transparent; color:var(--ink); border:0; padding:4px 0; cursor:pointer; text-align:left; }
.art-below .timeline .when { color:var(--hl); font:700 15px var(--label); text-transform:uppercase; min-width:70px; }
.art-below .timeline .what { font:400 22px var(--head); text-transform:uppercase; }
.art-below .timeline p { padding-left:84px; margin:10px 0 0; }
.art-below figure, .art-below .roe-photo { margin:0; }
.art-below figure img, .art-below .roe-photo img { width:100%; height:auto; object-fit:contain; }
.art-below figcaption { font:500 12px/1.5 var(--label); text-transform:uppercase; color:var(--muted); padding:8px 0; }
.art-below .roe { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:35px; }
.art-below .stat-row, .art-below .trio, .art-below .split { display:flex; flex-wrap:wrap; gap:12px; margin:18px 0; }
.art-below .stat, .art-below .info, .art-below .card { flex:1 1 180px; }
.art-below .stat { background:var(--black); color:#fff; padding:16px; }
.art-below .stat b, .art-below .stat span { display:block; }
.art-below .stat b { color:var(--red-hot); font:400 30px var(--head); }
.art-below .stat span { font:500 13px var(--label); text-transform:uppercase; }
.art-below .credits { padding-left:1.2em; }
.art-below :focus-visible, .article-top :focus-visible { outline:3px solid var(--red-hot); outline-offset:3px; }
@media(max-width:760px) {
  .art-below { padding:26px 16px 10px; }
  .art-below .video-section { padding:20px 16px; }
  .art-below .video-grid, .art-below .roe { grid-template-columns:1fr; }
  .art-below .paper p, .art-below .paper li, .art-below .roe p, .art-below .info p { font-size:18px; }
  .art-below .timeline p { padding-left:0; }
  .archive-feature { padding:22px 0; }
}
/* Older reports repeat the page title inside the story; the new header already provides it. */
.art-below #story h1 { display:none; }

/* Navigate within the current section without dividing the article itself. */
.article-pagination { padding-top:24px; padding-bottom:20px; }
.article-pagination-head { display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap; border-bottom:5px solid var(--ink); padding-bottom:12px; margin-bottom:18px; }
.article-pagination-head h2 { margin:0; font:400 clamp(29px,4vw,42px)/1 var(--head); text-transform:uppercase; }
.article-pagination-head > a { color:var(--hl); font:700 14px var(--label); text-transform:uppercase; }
.article-pagination-links { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.article-page-link { display:flex; flex-direction:column; gap:8px; background:var(--black); color:#fff; box-shadow:4px 4px 0 var(--red); padding:20px; }
.article-page-link small { color:#ccc; font:600 12px var(--label); letter-spacing:.08em; text-transform:uppercase; }
.article-page-link strong { font:400 23px/1.1 var(--head); text-transform:uppercase; }
.article-page-link.older { text-align:right; }
.article-page-link:hover { transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--red); }
.article-page-link:focus-visible, .article-pagination-head a:focus-visible { outline:3px solid var(--red-hot); outline-offset:3px; }
@media(max-width:600px) { .article-pagination-links { grid-template-columns:1fr; } .article-page-empty { display:none; } .article-page-link.older { text-align:left; } }
/* Accessible editorial location map and sourced chronology. */
.location-map { margin:24px 0 8px !important; max-width:1000px; background:var(--black); padding:6px; }
.location-map img { width:100%; height:auto; display:block; }
.art-below .location-map figcaption { color:#fff; padding:10px 8px 5px; font:500 13px/1.5 var(--ui); text-transform:none; }
.art-below .location-map figcaption a { color:#fff; text-decoration:underline; }
.report-timeline { list-style:none; margin:0; padding:0; border-left:3px solid var(--red); }
.art-below .paper .report-timeline li { position:relative; margin:0; padding:0 0 24px 24px; font-family:var(--body); }
.report-timeline li::before { content:""; position:absolute; left:-8px; top:7px; width:13px; height:13px; border:2px solid var(--paper); border-radius:50%; background:var(--red); }
.report-timeline time { display:block; color:var(--hl); font:700 15px/1.3 var(--label); text-transform:uppercase; letter-spacing:.05em; margin-bottom:5px; }

/* Story-specific artwork is decorative and kept separate from the headline. */
.article-top.has-story-art { overflow:hidden; isolation:isolate; }
.article-top.has-story-art > .wrap { position:relative; z-index:2; }
.article-top.has-story-art .mega { max-width:57%; font-size:clamp(48px, 5.8vw, 78px); }
.article-top.has-story-art .dek, .article-top.has-story-art .byline { max-width:56%; }
.story-paper-art { position:absolute; z-index:0; top:0; bottom:0; right:0; width:42%; overflow:hidden; background:#d9d0c3; clip-path:polygon(6% 0,100% 0,100% 100%,3% 100%,5% 95%,2% 90%,5% 85%,2% 80%,5% 75%,2% 70%,5% 65%,2% 60%,5% 55%,2% 50%,5% 45%,2% 40%,5% 35%,2% 30%,5% 25%,2% 20%,5% 15%,2% 10%,5% 5%); }
.story-paper-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.56; filter:saturate(.72) contrast(.94); }
.story-paper-art::after { content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(128deg,rgba(255,255,255,.11) 0 1px,transparent 1px 19px),radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.2),transparent 50%); mix-blend-mode:soft-light; }
.story-paper-art span { position:absolute; z-index:1; right:12px; bottom:12px; padding:4px 7px; color:#fff; background:rgba(0,0,0,.8); font:700 10px var(--ui); letter-spacing:.04em; text-transform:uppercase; }
@media(max-width:760px) {
 .article-top.has-story-art .mega { max-width:16ch; font-size:clamp(50px, 10vw, 90px); }
 .article-top.has-story-art .dek, .article-top.has-story-art .byline { max-width:none; }
 .story-paper-art { position:relative; inset:auto; width:100%; height:150px; margin:25px 0 -30px; clip-path:none; }
}

/* Article section links start below the lead thumbnail. */
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:42px; max-width:1240px; margin:0 auto; padding:0 24px; align-items:start; }
.article-layout .art-below { min-width:0; width:100%; max-width:none; margin:0; padding:36px 0 25px; }
.article-toc { position:sticky; top:76px; margin:36px 0 0; padding:20px; background:var(--black); color:#fff; border-top:5px solid var(--red); box-shadow:5px 5px 0 var(--red); }
.article-toc h2 { margin:0 0 12px; font:400 25px/1 var(--head); text-transform:uppercase; }
.article-toc ol { list-style:none; padding:0; margin:0; }
.article-toc li + li { border-top:1px solid #414141; }
.article-toc a { display:block; padding:10px 0; color:#efefef; font:600 14px/1.35 var(--ui); }
.article-toc a:hover, .article-toc a:focus-visible { color:var(--red-hot); }
.article-toc a:focus-visible { outline:2px solid var(--red-hot); outline-offset:2px; }
.article-layout .art-below section[id] { scroll-margin-top:78px; }
@media(max-width:900px) {
 .article-layout { display:flex; flex-direction:column; gap:0; padding:0 16px; }
 .article-toc { position:static; order:-1; margin:24px 0 0; width:100%; }
 .article-layout .art-below { padding-top:30px; }
}

/* Clip horizontal overflow without creating a vertical scrolling container. */
body[data-page="archive"] { overflow-x:clip; }
@media(min-width:901px) { .article-toc { max-height:calc(100vh - 90px); overflow-y:auto; } }

/* Reporting sources appear below the jump links in the same sticky sidebar. */
.article-sources { border-top:3px solid var(--red); margin-top:18px; padding-top:18px; }
.article-sources h2 { margin-bottom:12px; }
.article-sources ul { list-style:none; padding:0; margin:0; }
.article-sources li + li { border-top:1px solid #414141; }
.article-toc .article-sources a, .article-sources .source-unlinked { display:flex; align-items:center; gap:10px; min-height:40px; padding:8px 0; color:#efefef; font:600 14px/1.35 var(--ui); overflow-wrap:anywhere; }
.article-toc .article-sources a:hover { color:var(--red-hot); }
.source-icon { position:relative; width:22px; height:22px; flex:none; display:grid; place-items:center; background:#f2eee8; color:#242424; border-radius:3px; font:700 13px/1 var(--ui); }
.source-icon img { position:absolute; inset:0; width:22px; height:22px; object-fit:contain; border-radius:3px; background:#f2eee8; }