/* The atlas is a map workspace first, with the original essay as a guided view. */
:root{--bg:#f4ead2;--paper:#fbf5e8;--ink:#2e2823;--ink2:#463d31;--muted:#78694f;--line:#d8ccb0;--gold:#8a6a2e;--sea:#c3dadc;--land:#efe2bf;--header-h:68px}
body{overflow:hidden}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #197d81;outline-offset:3px}
.skip-link{position:fixed;top:-100px;left:12px;z-index:200;background:var(--paper);padding:12px}.skip-link:focus{top:8px}
header{height:auto;min-height:68px;padding:12px 22px;gap:10px;background:var(--paper);backdrop-filter:none;position:relative}
header h1{font-size:20px;line-height:1.2;white-space:normal}header h1 small{display:block;font:10px Inter,sans-serif;letter-spacing:2px;color:var(--muted);margin-top:7px;text-transform:uppercase}
.hbtn{border-radius:6px;font-size:12px;padding:9px 12px;min-height:36px}.hbtn.on{background:#80612d;border-color:#80612d}
header .record-modes{display:flex;gap:3px;background:#eee2c8;padding:3px;border-radius:8px}.record-modes .hbtn{border:0;background:transparent}.record-modes .on{background:#80612d;color:white}
#app{height:calc(100dvh - var(--header-h));align-items:stretch;overflow:hidden}
#mapcol{position:relative;top:0;flex:1;min-width:0;height:100%;border:0;background:var(--sea)}
#maphost{min-height:100px}#map{touch-action:none;position:absolute;inset:0;outline-offset:-4px}
#readcol{flex:0 0 405px;min-width:0;overflow:auto;background:var(--paper);border-inline-start:1px solid var(--line)}
#yearbadge{top:18px;left:20px;right:auto;border-radius:3px;background:var(--paper);box-shadow:0 2px 12px #2e282310;font:700 32px Amiri,serif;padding:3px 14px;line-height:1.2;z-index:2}
#yearbadge::after{content:'CE';display:block;font:10px Inter,sans-serif;letter-spacing:2px;text-align:center;margin:0 0 6px}
[data-lang=ar] #yearbadge::after{content:'ميلادي';font-family:Tajawal,sans-serif;letter-spacing:0}
.maptip{top:22px;right:18px;max-width:240px;line-height:1.5;padding:7px 10px;border-radius:4px}
.map-controls{position:absolute;right:18px;top:80px;display:grid;gap:6px;z-index:4}.map-controls button{width:38px;height:38px;border:1px solid #b6c8c1;background:var(--paper);color:var(--ink);border-radius:6px;font-size:20px;box-shadow:0 2px 8px #2e282310;cursor:pointer}
.map-controls button:hover{background:#f1e4c8}.map-controls #zoomReset{font-size:17px}
.map-footer{position:absolute;bottom:9px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:end;gap:12px;font-size:10px;color:#46655f;pointer-events:none}.map-footer a{color:inherit;pointer-events:auto}.map-footer span{background:#fbf5e8d9;padding:4px 7px;border-radius:3px;max-width:310px;line-height:1.5}
#band{padding:11px 18px 12px;background:var(--paper)}#bandsvg{height:46px}#bandrow{gap:8px;padding:0}#yearlab{display:none}
#yearInput{width:65px;border:1px solid var(--line);border-radius:4px;background:#f7edd7;padding:7px 4px;text-align:center;font-size:15px;color:var(--ink)}
.time-button{width:33px;height:34px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);cursor:pointer;flex-shrink:0}
.timeline-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-bottom:1px}.timeline-caption b{color:var(--gold);font-weight:500}
#slider{min-width:30px;width:100%}
#explorer{padding:23px 23px 30px}#explorer h2{font:700 29px/1.2 Amiri,serif;margin:5px 0 9px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--gold);text-transform:uppercase}.explorer-intro{font-size:12px;line-height:1.75;color:var(--muted);margin-bottom:20px}
.searchbox{position:relative}.searchbox input{width:100%;border:1px solid #c9b999;border-radius:7px;background:#fbf5e8;padding:12px 35px 12px 12px;font-size:13px;min-height:44px}.searchbox button{position:absolute;right:5px;top:5px;border:0;background:none;padding:7px;cursor:pointer;color:var(--muted)}
.searchbox input::-webkit-search-cancel-button{appearance:none}
.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.filter-row button{padding:7px 10px;border-radius:15px;border:1px solid var(--line);background:var(--paper);font-size:11px;cursor:pointer;color:var(--ink2)}.filter-row button[aria-pressed=true]{background:#ebdbb7;border-color:#b39966;color:#62491f}
.scope-row{font-size:11px;display:flex;align-items:center;gap:7px;color:var(--muted);margin:14px 0}.scope-row input{accent-color:#80612d;width:15px;height:15px}
.result-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding:12px 0 9px;border-top:1px solid var(--line)}
.result-item{display:flex;align-items:start;gap:10px;width:100%;background:none;border:0;border-bottom:1px solid #e2d6bb;text-align:start;padding:12px 2px;color:var(--ink);cursor:pointer}.result-item:hover,.result-item[aria-current=true]{background:#f1e4c8}.result-item .symbol{font-size:17px;width:19px;flex-shrink:0;line-height:24px}.result-item strong{font-size:13px;font-weight:600;display:block;line-height:1.6}.result-item small{font-size:10.5px;color:var(--muted);display:block;line-height:1.6}.result-item .result-year{margin-inline-start:auto;white-space:nowrap;font-size:10px;color:var(--gold);padding-top:4px}
.empty-state{font-size:13px;line-height:1.7;padding:20px 0;color:var(--muted)}
.atlas-key{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:11px;line-height:1.6}.atlas-key summary{cursor:pointer;font-weight:600}.legend-items{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 0}.legend-items span{display:flex;gap:8px;align-items:center}.legend-items i{font-style:normal;font-size:17px}.atlas-key p{color:var(--muted);margin-top:8px}.atlas-key a{color:var(--gold)}
.read{padding:20px 23px 60px;max-width:none}.read .lead{font-size:12px;line-height:1.8;margin-bottom:24px}.seg{margin-bottom:46px;scroll-margin-top:24px}.seg .kicker{font-size:10px;letter-spacing:1.3px}.seg h2{font-size:27px;line-height:1.35}.seg p{font-size:15px;line-height:1.9}.cmp{font-size:11px;table-layout:fixed}.cmp td{padding:7px 5px;overflow-wrap:anywhere}.cmp td.rl{white-space:normal;width:22%;font-size:9px;padding-inline-end:5px}.cmp th{font-size:14px;padding:6px}.cmp .d{margin:3px 0;font-size:10px}
[data-lang=ar] #readcol{direction:rtl}[data-lang=ar] .seg p{font-size:20px}[data-lang=ar] .searchbox input{padding:12px 12px 12px 35px}[data-lang=ar] .searchbox button{right:auto;left:5px}
.card{position:relative;top:auto;right:auto!important;left:auto!important;width:auto;max-width:none;max-height:none;overflow:visible;box-shadow:none;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:22px 23px;background:#f3e7cb;z-index:5}.card h3{font-size:25px;padding-inline-end:20px}.card .tag{font-size:9px;line-height:1.6;letter-spacing:1px}.card .yrs{color:#78694f}.card p{font-size:13px;line-height:1.85}.card .close{top:12px;right:12px;width:30px;height:30px;border:1px solid #cdbd99;border-radius:50%;background:var(--paper)}
.card .chip{border-radius:5px;font-family:inherit;background:#fbf5e8}.pair-note{padding:9px 11px;background:#fff8e9;border:1px solid #e9d9b9;border-radius:5px;margin:13px 0;font-size:11px;line-height:1.7;color:#72552a}.pair-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.pair-actions button{font-size:11px;padding:8px;border:1px solid #cdbd99;border-radius:5px;background:var(--paper);cursor:pointer;color:var(--ink)}
.evidence-details{border-top:1px solid #d8ccb0;padding-top:12px;margin-top:14px;font-size:12px}.evidence-details summary{cursor:pointer;font-weight:600}.evidence-row{padding:10px 0;border-bottom:1px solid #d8ccb0;line-height:1.8}.evidence-row small{display:block;color:var(--muted);font-size:11px}.tier{display:inline-block;font-size:10px;padding:1px 6px;border:1px solid #c7c4af;border-radius:4px;margin-inline-end:5px;background:#fbf5e8}.tier.speculative{color:#815a87}.tier.strong{color:#286549}.tier.rival,.tier.tension,.tier.refuted{color:#a04e43}.tier.plausible{color:#876821}
.evidence-row{font-size:12px}[data-lang=ar] #yearbadge{left:20px;right:auto}
#twinbar{bottom:42px;max-width:calc(100% - 100px);border-radius:5px;font-size:11px;padding:8px 12px;line-height:1.6;pointer-events:none}#twinbar button{pointer-events:auto}#mapToggle{display:none!important}
.selection-ring{fill:none;stroke:#237c70;stroke-width:2.5;vector-effect:non-scaling-stroke;pointer-events:none}.city-dot{vector-effect:non-scaling-stroke}.pmark circle,.evmark circle{vector-effect:non-scaling-stroke}.cl-en,.cl-ar,.plabel{pointer-events:none}.cl-en,.cl-ar{font-size:13px;stroke-width:3.5px}.plabel{font-size:15px;stroke-width:4px;paint-order:stroke;stroke:var(--paper)}
[hidden]{display:none!important}#atlasStatus{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#62491f;color:white;padding:10px 18px;border-radius:7px;font-size:12px;z-index:100;pointer-events:none}#atlasStatus:empty{display:none}
@media(min-width:1500px){#readcol{flex-basis:460px}#explorer,.read{padding-inline:30px}.seg p{font-size:16px}}
@media(max-width:1100px){header{padding:10px 14px}header h1{font-size:17px}header .hbtn{font-size:11px;padding:8px}#readcol{flex-basis:360px}.maptip{display:none}}
@media(max-width:760px){body{overflow:hidden}header{min-height:95px;gap:5px;padding:9px 12px}header h1{font-size:17px;flex:1}header h1 small{font-size:8px;margin-top:4px}header .spacer{display:none}header .record-modes{order:5;width:100%;justify-content:center;padding:0;background:none}header .record-modes button{flex:1;min-height:32px;padding:6px;font-size:11px}header .hbtn{min-height:32px;padding:6px 9px}#app,[data-lang=ar] #app{display:flex;flex-direction:column}#mapcol{flex:0 0 44%;width:100%;height:auto;min-height:215px;overflow:hidden;border-bottom:1px solid var(--line)}#readcol{flex:1;min-height:0;border:0;width:100%}#yearbadge{top:10px;left:12px;font-size:24px;padding:3px 9px}#yearbadge::after{font-size:8px;margin-bottom:3px}.map-controls{right:10px;top:10px;gap:4px}.map-controls button{width:32px;height:32px}#band{padding:5px 12px 8px}#bandsvg{height:32px}.timeline-caption{font-size:9px}#yearInput{font-size:12px;padding:5px;width:57px}.time-button{height:29px;width:28px}.map-footer{font-size:8px;bottom:4px;left:10px;right:49px}.map-footer span{max-width:65%;padding:2px 4px}.map-footer .map-help{display:none}#explorer{padding:18px}#explorer h2{font-size:26px}.explorer-intro{margin-bottom:13px}.card{padding:18px}.card h3{font-size:24px}#twinbar{top:auto;bottom:29px;font-size:10px;max-width:calc(100% - 85px);padding:4px 7px}.read{padding:18px}.seg p{font-size:15px}.legend-items{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:420px){header h1{flex-basis:100%;font-size:17px}header{justify-content:space-between}header h1 small{margin-top:3px}header .record-modes{gap:4px}}
[data-lang=ar] .card .yrs{direction:ltr;text-align:right}

/* Warm manuscript palette, with room for sustained bilingual reading. */
#readcol{background:var(--bg)}
[data-view="guide"] #readcol{flex:0 0 48%;max-width:720px}
[data-view="guide"] .read{padding:28px 36px 80px}
[data-view="guide"] .seg h2{font-size:33px;line-height:1.45}
[data-view="guide"] .seg p{font-size:17px;line-height:1.95}
[data-lang="ar"][data-view="guide"] .seg p{font-size:24px;line-height:2.05}
[data-lang="ar"][data-view="guide"] .seg h2{font-size:36px}
[data-lang="ar"] .kicker{letter-spacing:0}
.chapter-sources{border-top:1px solid var(--line);margin:22px 0 0;padding-top:14px;font:12px/1.7 Inter,sans-serif}
[data-lang="ar"] .chapter-sources{font-family:Tajawal,sans-serif}
.chapter-sources strong{display:block;color:var(--gold);font-size:11px;margin-bottom:8px}
.chapter-sources a{display:block;color:#35667c;text-decoration:underline;text-decoration-color:#35667c55;text-underline-offset:3px;margin:7px 0}
.pair-anchor{display:block;font-size:11px;line-height:1.8;color:var(--ink2);margin:8px 0}
.card-primary-link{display:inline-block;margin:10px 0 4px;padding:8px 11px;border:1px solid #bea774;border-radius:5px;background:var(--paper);font-size:12px}
.cmp th{vertical-align:bottom}.cmp td.rl{font-weight:500}
[data-lang="ar"] .cmp{font-family:Tajawal,sans-serif;font-size:13px}
.card ul::before{content:'Proposed interpretation';display:block;color:var(--gold);font-size:10px;margin-bottom:7px}
[data-lang="ar"] .card ul::before{content:'أوجه القراءة المقترحة'}
@media(max-width:1100px) and (min-width:761px){[data-view="guide"] #readcol{flex-basis:50%}[data-view="guide"] .read{padding-inline:24px}}
@media(max-width:760px){[data-view="guide"] #readcol{flex:1;max-width:none}[data-view="guide"] #mapcol{flex-basis:36%;min-height:195px}[data-view="guide"] .read{padding:22px 22px 65px}[data-view="guide"] .seg h2{font-size:28px}[data-lang="ar"][data-view="guide"] .seg h2{font-size:31px}[data-lang="ar"][data-view="guide"] .seg p{font-size:22px}[data-view="guide"] .seg p{font-size:16px}}


.chapter-heading{font:inherit;line-height:inherit;color:inherit;text-align:inherit;width:100%;display:block;background:none;border:0;padding:0;cursor:pointer}.chapter-heading:hover{color:var(--gold)}
#readcol{overflow-anchor:none;overscroll-behavior:contain}