.history-map{max-width:1120px;margin:auto}.history-map h1,.history-reading h1{font:400 clamp(42px,5.5vw,72px)/1.08 var(--serif);letter-spacing:-.025em;text-wrap:balance}.history-deck{font:400 clamp(26px,3.5vw,39px)/1.3 var(--serif);margin:24px 0}.history-intro{font-size:19px;line-height:1.75;max-width:70ch}.history-scope{border-left:2px solid var(--accent);padding:12px 20px;margin:28px 0;max-width:85ch;font-size:15px;line-height:1.65}.history-scope strong{display:block;color:var(--ink)}.history-era-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border-block:1px solid var(--line);margin:32px 0}.history-era-nav a{padding:16px 8px;min-height:50px;text-align:center;color:var(--body);font:15px/1.5 var(--ui);text-decoration:none;border-bottom:2px solid transparent}.history-era-nav a[aria-current]{background:var(--paper);color:var(--ink);border-bottom-color:var(--accent);font-weight:700}.history-era-nav a:hover{background:var(--fog)}.history-period{margin:36px 0 56px}.history-period-heading{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px}.history-period-heading>span{font:400 clamp(29px,4vw,45px)/1.2 var(--serif);color:var(--muted);padding-top:4px}.history-period h2{font:400 clamp(30px,3.7vw,44px)/1.2 var(--serif);margin:0 0 12px}.history-period-heading p{font-size:19px;line-height:1.6;margin:0;max-width:60ch}.history-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:32px 0}.history-lane{border-top:2px solid var(--accent);padding-top:15px}.history-lane-media{border-color:var(--muted)}.history-lane-society{border-color:var(--line)}.history-lane h3{font:400 25px/1.25 var(--serif);margin:0 0 14px}.history-lane p{font-size:16px;line-height:1.8;margin:0}.history-period-links{border-top:1px solid var(--hairline);padding-top:16px}.history-period-links a{display:inline-block;padding:10px 0;margin-right:26px}.history-map details summary,.history-reading details summary{min-height:44px;padding:14px 0;cursor:pointer;line-height:1.5}.history-map details p,.history-map details li{font-size:16px;line-height:1.8}.history-period-sources{margin-top:12px}.history-period-paging{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.history-period-paging a{min-height:44px;padding:10px 0}.history-encounter-doors{border-top:1px solid var(--line);padding:32px 0 40px}.history-encounter-doors h2,.history-media-arc h2,.history-open h2{font:400 clamp(30px,3.5vw,42px)/1.2 var(--serif)}.history-encounter-doors>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.history-door-number{font:400 34px var(--serif);color:var(--muted)}.history-encounter-doors article{border-top:1px solid var(--hairline);padding-top:18px}.history-encounter-doors h3{font:400 27px/1.3 var(--serif)}.history-encounter-doors h3 a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:5px}.history-encounter-doors p{line-height:1.75}.history-media-arc{max-width:76ch;border-top:1px solid var(--line);padding-top:24px;margin:0 0 32px}.history-media-arc>p,.history-media-arc li{font-size:17px;line-height:1.8}.history-media-arc ol{padding-left:25px}.history-media-arc li{padding:10px 0 10px 10px}.history-extra{border-block:1px solid var(--hairline);padding:8px 0;margin:28px 0}.history-open{max-width:76ch;margin:36px 0;padding:0 0 0 24px;border-left:2px solid var(--line)}.history-open p{line-height:1.8}.history-reading{max-width:760px;margin:auto}.history-heading{display:block;position:static;border:0;background:transparent;padding:24px 0;margin:0;min-height:0}.history-heading h1{margin:14px 0 20px}.history-heading>p:last-child{font-size:21px;line-height:1.6;color:var(--body)}.history-reading p{font-size:18px;line-height:1.85;margin:0 0 1.3em}.history-reading .eyebrow{font:12px/1.6 var(--ui);letter-spacing:.1em}.history-reading .history-lead{font:400 25px/1.55 var(--serif)}.history-reading h2{font:400 clamp(28px,3.2vw,37px)/1.25 var(--serif);margin:38px 0 20px;text-wrap:balance}.history-reading h3{font:400 25px/1.3 var(--serif)}.history-citation{font:14px/1.7 var(--ui);overflow-wrap:anywhere}.history-listen{border-left:3px solid var(--accent);padding:8px 0 8px 24px;margin:30px 0}.history-listen h3{margin:10px 0}.history-listen p{font-size:17px}.history-listen>a{font-size:15px;display:inline-block;padding:8px 0}.history-reflect{border-block:1px solid var(--line);padding-bottom:16px;margin:36px 0}.history-onward{display:grid;gap:8px;margin:28px 0}.history-onward a{min-height:44px;display:flex;align-items:center;font-size:16px;line-height:1.6}.history-sources{border-top:1px solid var(--line);margin:32px 0}.history-sources p,.history-sources li{font-size:15px;line-height:1.8}.history-sources li{margin:12px 0}.history-lens{border-block:1px solid var(--line);padding:0 0 20px;margin:28px 0}.history-lens-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.history-lens-buttons button{border:1px solid var(--line);min-height:44px;background:transparent;color:var(--ink);padding:10px 16px;line-height:1.4}.history-lens-buttons button[aria-pressed=true]{border-color:var(--accent);background:var(--paper);box-shadow:inset 0 -3px var(--accent)}#age-lens-panel{padding:4px 0;min-height:255px}.history-question{font-style:italic}.history-evidence{margin:32px 0;padding:24px 0;border-block:1px solid var(--line)}.history-evidence figcaption{font-size:17px;line-height:1.7;margin-bottom:24px}.history-bar-row{display:grid;grid-template-columns:45px minmax(0,1fr) 60px;gap:15px;align-items:center;margin:20px 0;font-size:16px}.history-bar-track{height:24px;background:var(--fog);border:1px solid var(--line)}.history-bar-track>div{height:100%;background:var(--accent)}.history-evidence .small{font-size:14px;margin:20px 0 10px}.history-map a:focus-visible,.history-reading a:focus-visible,.history-reading button:focus-visible,.history-map summary:focus-visible,.history-reading summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.history-map a,.history-reading a{overflow-wrap:break-word}@media(max-width:800px){.history-era-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.history-period-heading{grid-template-columns:1fr;gap:10px}.history-lanes{grid-template-columns:1fr;gap:25px}.history-lane p{max-width:68ch}.history-encounter-doors>div{grid-template-columns:1fr;gap:20px}.history-encounter-doors h3{margin:10px 0}.history-encounter-doors article{position:relative;padding-left:50px}.history-door-number{position:absolute;left:0;top:20px}.history-reading p{font-size:17px}.history-reading .history-lead{font-size:23px}.history-heading>p:last-child{font-size:19px}.history-reading h1{font-size:42px}.history-bar-row{gap:8px}.history-lens-buttons button{flex:1 1 110px}.history-period-links a{display:block;margin-right:0}}@media(max-width:420px){.history-era-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.history-era-nav a{font-size:14px}.history-listen{padding-left:18px}.history-open{padding-left:18px}}@media print{.history-era-nav,.history-period-paging,.history-lens-buttons{display:none}.history-lanes{display:block}.history-period{break-inside:avoid}}
.history-map h1{font-size:clamp(38px,4.7vw,58px);margin:16px 0}.history-deck{font-size:clamp(23px,2.8vw,32px);margin:16px 0}.history-intro{font-size:17px;line-height:1.7}.history-scope{margin:20px 0;padding:8px 18px;font-size:14px}.history-era-nav{margin:24px 0}.history-period-heading{scroll-margin-top:24px}
.history-period-connection{border-left:3px solid var(--accent);padding:8px 22px;margin:28px 0;max-width:85ch}.history-period-connection p{font-size:17px;line-height:1.8;margin:0 0 12px}.history-period-connection .eyebrow{font-size:12px}.history-period-connection>a{display:inline-block;padding:8px 0;min-height:44px}.history-thread-guide{display:flex;flex-wrap:wrap;gap:6px 22px;border-block:1px solid var(--line);padding:18px 0;margin:28px 0}.history-thread-guide span{width:100%;font:12px var(--ui);letter-spacing:.08em;text-transform:uppercase}.history-thread-guide a{display:flex;align-items:center;min-height:44px;font-size:15px}.history-feedback{margin:24px 0}.history-feedback>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:20px 0;border-top:1px solid var(--line)}.history-feedback dt{font:400 22px/1.35 var(--serif);color:var(--ink)}.history-feedback dd{margin:0;font-size:17px;line-height:1.8}.history-reading .history-evidence-limit{font-size:15px;line-height:1.8}.history-circuit ol{list-style:none;padding:0;counter-reset:circuit}.history-circuit li{counter-increment:circuit;padding:17px 0 17px 48px;position:relative;border-top:1px solid var(--hairline);font-size:17px;line-height:1.7}.history-circuit li:before{content:counter(circuit);position:absolute;left:0;font:30px var(--serif);color:var(--muted)}.history-circuit li strong,.history-circuit li span{display:block}.history-circuit li span{font-size:15px;color:var(--body)}.history-reading .history-date{border-left:2px solid var(--line);padding-left:18px;font-size:14px;line-height:1.7}#media-case-panel>h3{margin-top:12px}#media-case-panel>.eyebrow{margin-top:28px}@media(max-width:600px){.history-feedback>div{grid-template-columns:1fr;gap:12px}.history-thread-guide a{flex-basis:100%}.history-period-connection{padding-left:16px}.history-feedback dd{font-size:16px}}@media print{.history-thread-guide{display:none}}

.war-phases{padding-left:24px}.war-phases li{font-size:17px;line-height:1.8;margin:18px 0;padding-left:8px}.war-phases li strong{color:var(--ink)}#war-period-panel>h3,#war-evidence-panel>h3{margin-top:12px}#war-period-panel>.eyebrow{margin-top:26px}

/* The illustration is part of the encounter, with its interpretation kept optional. */
.history-art-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:44px;align-items:start;width:calc(100vw - 96px);max-width:1120px;position:relative;left:50%;transform:translateX(-50%);margin:22px 0 38px}
.history-art-opening .history-heading{padding:16px 0 0}
.history-art-opening .history-heading h1{font-size:clamp(40px,4.4vw,58px)}
.history-art-opening .history-heading>p:last-child{font-size:20px;line-height:1.65}
.history-art-opening .history-artwork{margin:0}
.history-reading>.back{display:block;width:calc(100vw - 96px);max-width:1120px;position:relative;left:50%;transform:translateX(-50%)}
.history-artwork{margin:8px 0 38px;padding:0;border:0}
.history-artwork>img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.history-artwork figcaption{display:grid;gap:5px;padding:16px 0 12px;font:15px/1.6 var(--ui);color:var(--body)}
.history-art-title{font:400 24px/1.3 var(--serif);color:var(--ink)}
.history-art-credit{font-size:12px;color:var(--muted)}
.history-art-full{font-size:13px;min-height:44px;display:flex;align-items:center;width:fit-content;text-underline-offset:3px}
.history-art-looking{border-block:1px solid var(--hairline)}
.history-reading .history-art-looking summary{font:15px/1.6 var(--ui);padding:13px 0;color:var(--ink)}
.history-reading .history-art-looking p{font-size:16px;line-height:1.75;margin:5px 0 18px}
.history-reading .history-art-question{font:italic 21px/1.5 var(--serif);color:var(--ink)}
.history-reading .history-art-limit{font-size:13px;color:var(--muted)}
.history-map-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin:0 0 26px}
.history-map-opening h1{font-size:clamp(38px,4vw,56px)}
.history-map-opening .history-deck{font-size:clamp(23px,2.3vw,30px)}
.history-map-art{margin:0;min-width:0}
.history-map-art>a{display:block;text-decoration:none;color:var(--ink)}
.history-map-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;margin-bottom:18px}
.history-map-art .eyebrow{display:block;font-size:10px;margin-bottom:10px}
.history-map-art-title{display:block;font:400 26px/1.35 var(--serif);text-wrap:balance}
.history-map-art-link{display:block;padding:12px 0 6px;font:14px/1.6 var(--ui);text-decoration:underline;text-underline-offset:4px}
.history-map-art>p{font:11px/1.6 var(--ui);color:var(--muted);margin:5px 0 0}
.history-encounter-doors .history-doors-intro{font-size:17px;max-width:65ch;margin-bottom:28px}
.history-encounter-doors>div{gap:38px 28px}
.history-encounter-doors .history-art-door{border:0;padding:0;min-width:0}
.history-art-door>a{display:block;color:var(--ink);text-decoration:none}
.history-art-door img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.history-art-door h3{margin:16px 0 12px;font-size:26px;text-wrap:balance}
.history-art-door>a:hover h3,.history-map-art>a:hover .history-map-art-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.history-art-door .history-door-question{font:italic 18px/1.5 var(--serif);color:var(--ink);margin:0 0 12px}
.history-art-door .history-door-description{font-size:14px;line-height:1.7;margin:0}
body[data-view="historical-encounters"] .collection-next,body[data-view="historical-map"] .collection-next{flex-wrap:wrap;gap:8px 20px;align-items:center}
body[data-view="historical-encounters"] .collection-next>p,body[data-view="historical-map"] .collection-next>p{flex-basis:100%}
body[data-view="historical-encounters"] .collection-next>a,body[data-view="historical-map"] .collection-next>a{min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}
@media(max-width:900px){.history-map-opening{gap:28px}.history-encounter-doors>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.history-art-opening{display:block;position:static;transform:none;width:100%;margin:0 0 32px}.history-art-opening .history-heading{padding:16px 0 10px}.history-art-opening .history-heading h1{font-size:clamp(38px,6vw,48px)}.history-art-opening .history-heading>p:last-child{font-size:18px}.history-art-opening .history-artwork{margin-top:8px}}
@media(max-width:900px){.history-reading>.back{width:100%;position:static;transform:none}}
@media(max-width:650px){.history-map-opening{grid-template-columns:1fr;gap:18px}.history-map-art-title{font-size:25px}.history-map-opening .history-intro{margin-bottom:0}.history-map-art img{margin-bottom:14px}.history-encounter-doors>div{grid-template-columns:1fr;gap:34px}.history-art-door h3{font-size:28px}.history-artwork figcaption{font-size:14px}.history-art-title{font-size:23px}}
@media print{.history-artwork{break-inside:avoid}.history-map-art{display:none}.history-map-opening{display:block}.history-artwork>img{max-height:350px;object-fit:contain}.history-art-looking:not([open]){display:none}}
@media print{.history-art-opening{display:block;width:100%;position:static;transform:none}}
@media print{.history-reading>.back,.history-art-full{display:none}}