*{box-sizing:border-box}
html{color-scheme:dark;--text-small:clamp(.875rem,calc(.75rem + .25vw),1rem);--text-control:clamp(1rem,calc(.875rem + .2vw),1.125rem);--text-body:clamp(1.125rem,calc(1rem + .3vw),1.375rem)}
body{margin:0;background:#171c18;color:#eee7d4;font:var(--text-body)/1.7 Georgia,'Times New Roman',serif}
a{color:inherit;text-underline-offset:4px;overflow-wrap:anywhere}
a:hover{color:#e6b88d}
button,a,summary{touch-action:manipulation}
:focus-visible{outline:3px solid #e6b88d;outline-offset:3px}
[hidden]{display:none!important}
.skip{position:absolute;top:-100px;left:16px;padding:12px;background:#eee7d4;color:#171c18;z-index:2}
.skip:focus{top:8px}
.sheet{--muted:#c7c2ae;--rule:#586252;--ink:#eee7d4;width:calc(100% - clamp(16px,4vw,64px));margin:16px auto;background:#252d26;padding:clamp(16px,2.8vw,40px);min-width:0;min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px);display:flex;flex-direction:column}
.sheet>main{flex:1}
.masthead{display:grid;grid-template-columns:minmax(0,min(10rem,15vw)) minmax(0,1fr) minmax(0,min(10rem,15vw));align-items:center;gap:12px;padding-bottom:20px}
.masthead>*{min-width:0}
.mast-title{text-decoration:none;text-align:center}
.mast-title h1{font-size:clamp(42px,7vw,90px);line-height:1;margin:4px 0 10px;letter-spacing:-.05em;overflow-wrap:anywhere}
.the{font-size:var(--text-small);text-transform:uppercase;letter-spacing:.2em}
.subtitle{font-size:clamp(.875rem,1.4vw,1.125rem);text-transform:uppercase;letter-spacing:.12em}
.volcano{width:100%;max-width:90px;height:auto;color:#e6b88d}
.masthead>span{font:var(--text-small)/1.6 system-ui,sans-serif;color:var(--muted);overflow-wrap:anywhere}
.periods,.topics{display:flex;flex-wrap:wrap;gap:4px 20px;border-top:1px solid var(--rule)}
.periods a,.topics a{display:flex;align-items:center;min-width:48px;min-height:48px;padding:10px 4px;text-decoration:none}
.periods a{font-size:var(--text-control)}
.topics{font:var(--text-control)/1.6 system-ui,sans-serif;border-bottom:1px solid var(--rule)}
a[aria-current=page]{color:#e6b88d;text-decoration:underline}
.topic-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 4px;background:none;color:inherit;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font:var(--text-control)/1.6 system-ui,sans-serif;cursor:pointer;text-align:left}
.topic-toggle span{min-width:0;overflow-wrap:anywhere}
.notice{margin:16px 0;padding:12px 16px;border-left:2px solid #e6b88d;font:var(--text-small)/1.7 system-ui,sans-serif;color:var(--muted)}
.section-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin:24px 0 16px}
.section-heading h2{font-size:clamp(1.5rem,1.6vw,1.875rem);margin:0}
.news-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 16px;margin-left:auto;min-width:0;font:var(--text-small)/1.7 system-ui,sans-serif;color:var(--muted)}
#view-toggle{min-width:48px;min-height:48px;padding:10px 14px;border:1px solid var(--rule);background:none;color:var(--ink);font:var(--text-control)/1.5 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.reading-layout{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:clamp(24px,4vw,64px)}
.reading-layout>*{min-width:0}
.article-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(24px,2vw,36px)}
.article-list[data-view=list]{grid-template-columns:minmax(0,1fr)}
.category-sidebar h2{font:600 var(--text-control)/1.5 system-ui,sans-serif;margin:0 0 12px}
.category-sidebar .topics{flex-direction:column;border:0;gap:0}
.category-sidebar .topics a{padding:12px 4px;border-bottom:1px solid var(--rule)}
.story{padding:24px 0;border-bottom:1px solid var(--rule);scroll-margin-top:16px}
.story:first-child{padding-top:0}
.article-list>.story{min-width:0;padding:20px 0}
.kicker{font:var(--text-small)/1.6 system-ui,sans-serif;color:var(--muted);margin:0 0 12px}
.story h2,.story h3{font-size:clamp(1.625rem,2vw,2.25rem);line-height:1.3;margin:0 0 16px;overflow-wrap:anywhere}
.story h2 a,.story h3 a{display:block;min-height:44px;text-decoration:none}
.story-copy{font-size:var(--text-body);line-height:1.75;margin:0 0 16px;overflow-wrap:anywhere}
.story-copy a{text-decoration:none;display:block}
.article-back{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0}
.article-back a{display:inline-block;min-height:44px;padding:10px 0}
.sources{font:var(--text-small)/1.7 system-ui,sans-serif;color:#c6cfc5}
section.sources,.sources[open]{background:#071b14;padding:clamp(12px,1.3vw,20px);border-radius:4px}
.sources h3{font:700 clamp(1.375rem,1.6vw,1.75rem)/1.35 Georgia,serif;color:#b9d5a4;margin:0 0 8px}
.sources summary{cursor:pointer;min-height:48px;padding:12px 0;overflow-wrap:anywhere;color:#9cdb87}
.sources ul{list-style:none;padding:0;margin:0}
.sources li{position:relative;display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:0;margin:0 0 4px;padding-left:calc(1em + 12px);overflow-wrap:anywhere}
.source-marker{position:absolute;left:0;top:12px;color:#91df91;line-height:1.7}
.sources a{display:inline-block;min-width:48px;min-height:48px;max-width:100%;padding:12px 0;color:#9cdb87}
.sources a:hover{color:#c2f0b4}
.sources time{display:block;font-size:1em}
.bottom{display:flex;flex-wrap:wrap;gap:24px 40px;margin-top:40px;padding-top:24px;border-top:1px solid var(--rule);font:var(--text-small)/1.8 system-ui,sans-serif;color:var(--muted)}
.bottom>div{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.bottom strong{font-weight:500;color:var(--ink)}
.bottom span{display:block}
.bottom a{display:inline-block;min-width:48px;min-height:48px;padding:12px 0}
.about{max-width:78ch;padding:24px 0}
.about h2{font-size:28px;line-height:1.3}
@media(max-width:700px){.masthead{grid-template-columns:48px minmax(0,1fr)}.masthead>span{grid-column:1/-1;text-align:center}.category-sidebar>h2{display:none}.reading-layout{grid-template-columns:minmax(0,1fr);gap:24px}.periods{gap:4px 12px}}