html[data-language-pending] .site-header,html[data-language-pending] main,html[data-language-pending] dialog { visibility:hidden; }
.language-control { display:flex; align-items:center; flex:none; gap:5px; }
.language-control select { max-width:88px; height:30px; border:1px solid #d2dceb; border-radius:6px; background:#fff; color:#263950; font:inherit; font-size:13px; padding:2px 5px; }
#language-error { position:fixed; z-index:100; inset:0; background:#edf1f6; color:#263950; padding:10vh 8vw; }
#language-error[hidden] { display:none; }
html[lang=en] .brand-name { letter-spacing:0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
html[lang=en] .brand-caption { letter-spacing:0; }
html[lang=en] .chapter-title { letter-spacing:0; font-size:clamp(24px,2.8vw,40px); }
html[lang=en] .chapter-number { letter-spacing:0; }
html[lang=en] .era-tab strong { font-size:14px; white-space:normal; line-height:1.2; }
html[lang=en] .era-tab small { font-size:12px; }
html[lang=en] .chapter-subtitle { letter-spacing:0; }
html[lang=en] .story-panel h2,html[lang=en] .event-card h3 { font-family:Georgia,'Times New Roman',serif; }
html[lang=en] .map-workspace-heading h2 { font-size:20px; letter-spacing:0; }
html[lang=en] .territory-control-row { gap:8px; }
html[lang=en] .range-drawer-heading h2 { font-size:16px; min-width:0; overflow-wrap:anywhere; }
html[lang=en] .range-drawer-heading { height:auto; min-height:50px; }
html[lang=en] #close-range-details { flex:none; }
@media(max-width:900px){html[lang=en] .site-header{gap:8px}html[lang=en] .site-header nav{gap:8px}html[lang=en] .brand-caption{display:none}html[lang=en] .chapter-title{font-size:26px}html[lang=en] .chapter-copy{max-width:none}html[lang=en] .territory-year-label{min-width:0}}
@media(max-width:520px){html[lang=en] .site-header .brand-name{font-size:20px}html[lang=en] .site-header nav{font-size:12px;gap:7px}html[lang=en] .site-header #about-button{font-size:12px}html[lang=en] .site-header #sources-button{display:none}.language-control select{max-width:73px;font-size:12px}html[lang=en] .era-tab{min-width:130px}html[lang=en] .chapter-title{font-size:24px}html[lang=en] .chapter-intro{font-size:14px}html[lang=en] .timeline-mode-label select{max-width:112px}html[lang=en] .territory-control-row{gap:6px}html[lang=en] #range-details-toggle{font-size:12px}}

@media(max-width:900px){html[lang=en] .map-panel{--map-footer-row:58px}html[lang=en] .map-workspace-heading{height:var(--map-heading-row)}html[lang=en] .range-peek{height:100%}html[lang=en] .territory-control-row{grid-template-columns:auto auto minmax(0,1fr)}html[lang=en] .territory-year-label{grid-column:1 / -1;grid-row:2}html[lang=en] #range-details-toggle{grid-column:3;grid-row:1}}
@media(max-height:620px) and (max-width:900px){html[lang=en] .map-panel{--map-controls-row:68px;--map-footer-row:48px}html[lang=en] .territory-control-row{min-height:60px;row-gap:2px}html[lang=en] .territory-check{font-size:12px}}

html[lang=en] .atlas-app .timeline-panel .range-wrap{grid-template-columns:108px minmax(0,1fr)}
html[lang=en] .atlas-app #timeline-mode{width:108px}
@media(max-width:900px) and (min-height:621px){html[lang=en] .atlas-app .chapter-copy{grid-template-columns:minmax(0,1fr);gap:2px;bottom:10px}html[lang=en] .atlas-app .chapter-title{grid-column:1;grid-row:1;line-height:28px;font-size:24px;letter-spacing:0}html[lang=en] .atlas-app .chapter-meta{grid-column:1;grid-row:2}html[lang=en] .atlas-app .chapter-subtitle{grid-column:1;grid-row:3;line-height:18px;font-size:13px}}
@media(max-height:620px) and (max-width:900px){html[lang=en] .atlas-app .timeline-panel .range-wrap{grid-template-columns:92px minmax(0,1fr);column-gap:6px}html[lang=en] .atlas-app #timeline-mode{width:92px;font-size:11px}}