:root{--paper:#faf8f2;--ink:#1b3335;--dark:#1c4641;--line:#d6d7c9;--rust:#864426;--muted:#536564}
body{min-height:100vh;display:flex;flex-direction:column;font-family:"Atkinson Hyperlegible Next",system-ui,sans-serif}
main{flex:1;padding-bottom:36px}header,main,footer{width:min(1160px,92%)}
h1,h2,h3,.brand{font-family:"Baskervville",Georgia,serif}
.mast{padding:18px 0;gap:24px}.brand{white-space:nowrap;font-weight:500}.brand span{color:#a15a38}
.mast nav,.chapters,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mast nav a{font-size:.94rem;padding:7px 10px;border-bottom:2px solid transparent}.mast nav a[aria-current]{border-color:var(--rust);font-weight:650}
a:hover{text-decoration:underline;text-underline-offset:4px}.skip{position:absolute;top:-200px}.skip:focus{top:4px;background:white;padding:12px;z-index:9}
.cover{background:#193638;color:#faf6e8;border-radius:14px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5%;padding:clamp(28px,6vw,80px);margin:28px 0}
.cover h1{font-size:clamp(3.4rem,6.6vw,6.8rem);line-height:.99;font-weight:400}.cover em{color:#e5cfa2;font-weight:400}.cover p,.pageIntro>p{font-size:1.1rem;max-width:52ch;line-height:1.6}
.cover p{color:#e1e6db;margin:24px 0}.actions a:not(.pill),aside>a,.back,footer a:not(.brand),.editorial a,.panel details summary{ text-decoration:underline;text-underline-offset:4px}
.cover .pill{background:#f4e6c8;color:#1a3534}.actions{gap:14px 22px}.skyplate{padding:14px;margin:0;max-width:400px;width:100%;justify-self:center;background:#203d35;border-radius:48% 48% 8px 8px}.skyplate svg{width:100%;display:block}.skyplate figcaption{justify-content:center;letter-spacing:.04em;text-transform:none}
.doorways,.facts,.periodGrid,.chartGrid,.workspace{display:grid;gap:22px}.doorways{grid-template-columns:1fr 1fr}.doorways a,.surface,.empty,.record,.panel,.editorial{border:1px solid var(--line);border-radius:10px;background:#fffefa;padding:clamp(18px,3vw,40px)}
.doorways small,.eyebrow,.periodGrid small,.facts small{color:var(--rust);font-size:.78rem;font-weight:650;letter-spacing:.05em}.doorways h2{font-size:2rem;margin:10px 0}.doorways p{margin:0;color:var(--muted)}
.pageIntro{padding:46px 0 25px}.pageIntro h1,.editorial h1{font-size:clamp(2.8rem,5.3vw,4.9rem)}.pageIntro p{margin:12px 0;color:var(--muted)}.pageIntro .eyebrow,.pairTitle .eyebrow{color:var(--rust);margin:0 0 8px}
.workspace{grid-template-columns:minmax(190px,.65fr) minmax(0,1.5fr);align-items:start}.workspace aside{border-top:2px solid var(--dark);padding:20px 0}.workspace aside label{margin:22px 0}.workspace h2,.surface h2,.empty h2,.record h2,.editorial h2,.panel h2{font-size:clamp(1.8rem,3.2vw,2.8rem)}
.surface h2{margin-bottom:20px}.surface details,.panel details{margin:16px 0}.surface .hint{margin-top:0}.narrow,.editorial{max-width:820px}.editorial{margin:30px auto}.editorial h2{margin-top:35px}
.back{display:inline-block;margin-top:25px}.record{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:15px 0}.record h2,.pairTitle h2,.reportIntro h1{overflow-wrap:anywhere}.record p,.empty p{color:var(--muted)}
.quiet{border:0;background:none;text-decoration:underline;color:var(--rust);font:inherit}.chapters{margin:22px 0 0;gap:3px;border-bottom:1px solid var(--line)}.chapters a{padding:10px 12px;border-bottom:3px solid transparent;font-size:.94rem}.chapters a[aria-current]{border-color:var(--dark);color:var(--dark);font-weight:700;background:#e7eee7}.panel{margin-top:16px}.panel>p,.narrative,.summaryCard p,.editorial p{max-width:75ch}.narrative+.narrative{border-top:1px solid var(--line);margin-top:24px;padding-top:10px}.eyebrow{margin:0 0 10px}.facts,.periodGrid{grid-template-columns:repeat(3,1fr);margin:24px 0}.facts>div,.periodGrid article{background:#f1f2e9;padding:15px;border-radius:6px}.facts strong{display:block;font:1.45rem Georgia;margin-top:7px}.pairTitle{margin-top:38px}.periodGrid h3{font-size:1.5rem;margin:8px 0}.periodGrid p,.passage p{line-height:1.72}.chartGrid{grid-template-columns:1fr 1.35fr;align-items:center}.chartGrid svg{max-width:360px;width:100%}caption{text-align:left;font-weight:600;padding:12px 0}
.standfirst{font:1.42rem/1.45 Georgia;color:#496151}.passage h3,.prompt h3{font-size:1.55rem}.passage{margin:26px 0}.passage p,.prompt p{margin:.6em 0}.prompt,.notice{background:#eff2e7;border-left:3px solid #677e65;padding:15px 20px}.notice{background:#fcf1db}.radarGrid{display:grid;grid-template-columns:minmax(150px,.7fr) 1fr;align-items:center;gap:15px}.atlasCard{background:#f5f3ea}.reportIntro{padding-bottom:6px}.slim{font-size:.94rem}footer{margin-top:12px;gap:18px}.atlasCard .kicker{display:none}
@media(max-width:700px){.mast{align-items:flex-start;flex-direction:column;gap:7px;padding:12px 0 6px}.mast nav{gap:0}.mast nav a{padding:7px 10px}.mast nav a:first-child{padding-left:0}.cover,.doorways,.workspace,.chartGrid,.radarGrid{grid-template-columns:1fr}.cover{gap:22px}.skyplate{max-width:260px}.pageIntro{padding:28px 0 15px}.periodGrid{grid-template-columns:1fr}.facts{gap:5px}.facts>div{padding:9px}.facts strong{font-size:1.07rem}.record{display:block}.chapters a{font-size:.85rem;padding:7px}.panel{padding:16px}.chartGrid svg{max-width:260px}.chartGrid td,.chartGrid th{font-size:.8rem}.actions{gap:10px 16px}.surface .pair{grid-template-columns:1fr}.doorways{gap:10px}}

.bootFields{border:0;margin:0;padding:0;min-width:0}.bootFields:disabled{opacity:.65}

.portraitLead{border-left:3px solid #98724a;background:#f2f2e9;padding:clamp(18px,3vw,36px);border-radius:0 8px 8px 0}.portraitLead h2{max-width:28ch}.portraitLead p:not(.eyebrow),.portraitPair p{max-width:70ch;line-height:1.72}.portraitLead details{margin-bottom:0}.portraitPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:26px 0}.portraitPair h3{font-size:1.65rem}.portraitPair a{text-decoration:underline;text-underline-offset:3px}.portraitData{border-top:1px solid var(--line);padding-top:18px}.portraitData summary{padding:6px 0}.portraitData .atlasCard{margin-top:18px}@media(max-width:680px){.portraitPair{grid-template-columns:1fr;gap:8px}}

.longReading{max-width:77ch}.rolePaths,.careerWindows{padding-inline-start:1.4rem}.rolePaths li,.careerWindows li{padding:0 0 .9em .35em}.rolePaths h4,.careerWindows h4{font:500 1.3rem/1.26 Georgia,serif;margin:8px 0}.careerWindows li::marker,.rolePaths li::marker{color:var(--rust)}.careerWindows small{color:#54635a}.careerWindows p{margin:.4em 0}

/* The reading room keeps chapter navigation separate from the reading column. */
.readerPage{background:#f5f2e9}
.readerPage main{max-width:1230px}
.readerPage #report{display:grid;grid-template-columns:clamp(155px,17vw,212px) minmax(0,1fr);column-gap:clamp(18px,3vw,44px);align-items:start}
.readerPage .reportIntro,.readerPage #report>.actions,.readerPage #report>p{grid-column:1/-1}
.readerPage .reportIntro{padding:24px 0 15px;border-bottom:1px solid #cfcfbe}
.readerPage .reportIntro h1{font-size:clamp(2.3rem,4vw,3.75rem)}
.readerPage .chapters{grid-column:1;display:flex;flex-direction:column;align-items:stretch;gap:3px;border:0;position:sticky;top:16px}
.readerPage .chapters a{border:0;border-left:3px solid transparent;border-radius:0 5px 5px 0;padding:10px 16px;line-height:1.35}
.readerPage .chapters a[aria-current]{background:#dce8df;border-left-color:#27594f}
.readerPage .panel{grid-column:2;min-width:0;padding:clamp(18px,3vw,38px);margin-top:22px;min-height:380px}
.readerPage .panel:has(.readingFolio),.readerPage .panel:has(.yearExplorer){padding:0;overflow:hidden}
.folioLead,.yearHead{width:100%;display:block;margin:0;border:0;background:#173c3c;color:#fff9e9;padding:clamp(23px,4vw,52px)}
.folioLead>p:first-child,.yearHead>p{color:#e9cea0;font-size:.8rem;letter-spacing:.08em;margin:0 0 12px}
.folioLead h2,.yearHead h2{color:inherit;font-size:clamp(2rem,4.1vw,3.9rem);max-width:24ch}
.folioLead>p:last-child{max-width:60ch;font-size:1.1rem;color:#edf1df;line-height:1.63;margin:18px 0 0}
.folioBody,.yearControls,.yearExplorer .inspect,.yearExplorer>.folioEvidence,.yearExplorer+.folioEvidence,.timeNote{margin:0 clamp(20px,4vw,52px)}
.folioStory{padding:24px 0;border-bottom:1px solid var(--line)}
.folioStory h3,.folioPeriod h3,.yearPhases h4{font-family:Georgia,serif;font-size:clamp(1.35rem,2.3vw,2rem);font-weight:400;margin:0}
.folioStory p,.folioPeriod p,.yearLead p,.yearPhases p{max-width:68ch;line-height:1.7;margin:10px 0 0}
.folioPeriod{margin:24px 0;padding:18px 22px;background:#eef2e8;border-left:3px solid #71886f}
.folioPeriod small,.yearLead small,.yearPhases small{display:block;font-size:.82rem;letter-spacing:.015em;line-height:1.5;color:#526251;margin-bottom:8px}
.folioEvidence{padding:15px 0 22px;border-top:1px solid var(--line)}.folioEvidence summary{cursor:pointer}
.timeNote{padding:12px 0;color:#5d624d;font-size:.87rem}
.yearControls{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;padding:22px 0 0}
.yearExplorer .inspect{padding:0;background:none;font-size:1rem}
.yearLead{padding:19px 0 23px}.yearLead h3{font:400 clamp(1.6rem,2.8vw,2.5rem)/1.2 Georgia,serif}
.yearPhases{margin:0 0 28px 5px;padding-left:22px;border-left:2px solid #a8b9a2}
.yearPhases article{position:relative;margin-bottom:22px}.yearPhases article:before{content:'';display:block;position:absolute;left:-29px;top:4px;background:#396855;border:2px solid #fffdf6;width:9px;height:9px;border-radius:50%}.yearPhases article small:last-child{margin-top:10px}
.yearExplorer .plot svg{max-height:220px}.yearExplorer>.folioEvidence,.yearExplorer+.folioEvidence{margin-inline:clamp(20px,4vw,52px)}
@media(max-width:760px){
.readerPage #report{display:block}.readerPage .chapters{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}
.readerPage .chapters a{border:1px solid #d9dace;border-radius:20px;padding:7px 11px}.readerPage .chapters a[aria-current]{background:#254d43;color:white}
.readerPage .panel{margin-top:14px}.yearControls{grid-template-columns:1fr 1fr;gap:0 10px}.yearControls label:first-child{grid-column:1/-1}.folioPeriod{padding:16px}.folioStory{padding-block:19px}
}