@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap');
:root{--paper:#f4f0e5;--paper-light:#fbf8f0;--ink:#303d36;--muted:#72756a;--line:#d9d3c3;--accent:#9c4c35;--green:#3c5b4b;--serif:'Noto Serif JP','Yu Mincho',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 'Yu Gothic','Hiragino Kaku Gothic ProN',system-ui,sans-serif}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;background:none;border:0}button:hover{color:var(--accent)}button:disabled{cursor:default;opacity:.4}a{color:var(--accent)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,svg:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h2{font-size:23px;line-height:1.6}h3{font-size:17px}p{font-size:16px}small{font-size:12px}.masthead{height:93px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px;flex-shrink:0}.brandmark{font-size:46px;color:var(--accent);font-family:serif;line-height:1}.brand strong{display:block;font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.06em}.brand small{display:block;font:10px/1.8 Georgia,serif;letter-spacing:.23em;color:var(--muted)}nav{display:flex;gap:27px;height:100%}.nav-button{font-size:14px;position:relative;padding:0 4px}.nav-button.active{color:var(--accent)}.nav-button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent)}.quiet{font-size:13px;color:var(--muted)}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr) 310px;min-height:610px;height:calc(100dvh - 280px)}.sidebar{padding:31px 22px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column}.overline{font:10px/1.5 Georgia,serif;letter-spacing:.18em;color:var(--muted);display:block;margin-bottom:11px}.sidebar h2{font-size:19px;margin-bottom:23px}.theme-list{display:grid;gap:8px}.theme{display:flex;align-items:center;gap:10px;text-align:left;border-radius:3px;padding:9px 10px;font-size:14px}.theme span{font-size:21px;width:23px;color:var(--muted)}.theme small{margin-left:auto;font:11px Georgia,serif;color:var(--muted)}.theme.active{background:#e7e6d9;color:var(--green)}.theme.active span{color:var(--green)}.region-control,.country-control{margin-top:22px}label{display:block;font-size:13px;margin-bottom:5px}select{border:1px solid var(--line);background:var(--paper-light);padding:7px;border-radius:3px;max-width:100%;font-size:14px}.sidebar select{width:100%}.legend{margin-top:auto;padding-top:30px}.legend p{font-size:13px;margin:6px 0;display:flex;align-items:center;gap:8px}.legend small{display:block;color:var(--muted);line-height:1.7;margin:10px 0}.swatch{display:inline-block;width:25px;height:13px;background:#9aab8f;border:1px solid #708067}.swatch.approximate{background:#d6dcc7;border-style:dashed}.text-button{padding:0;text-align:left;font-size:13px;color:var(--muted)}.sidebar>.text-button{margin-top:14px}.map-section{min-width:0;display:flex;flex-direction:column;position:relative;padding:30px 27px 15px;overflow:hidden;background:radial-gradient(ellipse at center,#fbf9f0 0%,#f4f0e5 74%)}.map-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;z-index:1}.map-heading h1{font-size:clamp(18px,1.6vw,27px);letter-spacing:.03em;margin:0}.edition{font-size:11px;white-space:nowrap;border:1px solid var(--line);padding:2px 8px;color:var(--muted)}.map-stage{position:relative;flex:1;min-height:380px}#map{width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:none}#map:active{cursor:grabbing}.map-tools{position:absolute;right:0;top:22px;display:flex;flex-direction:column;gap:5px}.map-tools button{min-width:35px;min-height:35px;background:#f8f5ebdb;border:1px solid var(--line);border-radius:3px;font-size:18px}.map-tools button:first-child{font-size:12px;padding:7px}.compass{position:absolute;left:5px;top:24px;text-align:center;color:#8a8876;font:15px/1.5 Georgia,serif}.map-caption{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px;pointer-events:none;font-size:11px;color:var(--muted)}.map-caption span:first-child{color:var(--accent)}.map-footnote{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.map-footnote>span{font-family:var(--serif)}.details{border-left:1px solid var(--line);padding:30px 25px;overflow:auto;background:#f7f3e9}.details p{font-size:14px;line-height:1.95}.details hr{border:0;border-top:1px solid var(--line);margin:26px 0}.details h2{margin-bottom:16px}.details h3{margin:24px 0 12px}.story{display:block;text-align:left;width:100%;padding:15px 0;border-bottom:1px solid var(--line)}.story .story-date{display:block;font:12px Georgia,serif;letter-spacing:.04em;color:var(--accent);margin-bottom:3px}.story strong{font-family:var(--serif);font-size:16px;font-weight:500;display:block}.story small{display:block;color:var(--muted);margin-top:4px}.story:hover strong{text-decoration:underline;text-underline-offset:4px}.timeline{border-top:1px solid #b8b4a5;padding:17px 35px 14px;background:#ece9dc;min-height:187px}.timeline-top{display:flex;align-items:center;justify-content:space-between;gap:22px}.date-display{display:flex;align-items:baseline;gap:10px;min-width:215px}.date-display>span{font-size:13px}.date-display strong{font:46px/1.2 Georgia,serif;color:var(--accent);letter-spacing:-.04em}.transport{display:flex;align-items:center;gap:11px}.transport button{font-size:25px;min-width:30px;min-height:40px}.transport button:first-child,.transport button:nth-child(5){font-size:17px}.transport .play{background:var(--green);color:#fff;border-radius:50%;width:42px;height:42px;font-size:16px}.step-label{display:flex;align-items:center;gap:9px;margin:0 0 0 15px;white-space:nowrap;color:var(--muted);font-size:12px}#date-form{display:flex;gap:6px}#year-input{width:82px;background:var(--paper-light);border:1px solid var(--line);padding:5px 8px;border-radius:3px}#date-form button{font-size:13px;border-bottom:1px solid #b4ad9b}#time-range{width:100%;margin:22px 0 6px;accent-color:var(--accent);cursor:pointer;height:16px}.epoch-buttons{display:flex;justify-content:space-between;gap:5px}.epoch-buttons button{font-size:12px;color:var(--muted);padding:3px 0}.epoch-buttons button:hover{color:var(--accent)}.land{fill:#dedfcd;stroke:#a3aa96;stroke-width:.5}.territory{stroke-width:.7;cursor:pointer;transition:none}.territory:hover{stroke:var(--accent);stroke-width:1.7}.territory.selected{stroke:#773621;stroke-width:2.3}.globe-label{font-family:var(--serif);font-size:11px;fill:#354638;paint-order:stroke;stroke:#f8f6eacc;stroke-width:3px;pointer-events:none}.graticule{fill:none;stroke:#a9b6a3;stroke-width:.45;opacity:.36}.ocean{fill:#e4e9dd;stroke:#aab5a0;stroke-width:1}.globe-ring{fill:none;stroke:#c4c4b1;stroke-width:.8}.tooltip{position:absolute;pointer-events:none;background:#303d36;color:#fff;padding:5px 11px;font-size:12px;border-radius:3px;z-index:8;max-width:230px}.detail-back{margin-bottom:20px;color:var(--accent);font-size:13px;padding:0}.badge{display:inline-block;font-size:11px;color:var(--accent);border:1px solid #cbbba4;padding:1px 6px;margin-bottom:12px}.source-link{display:block;font-size:12px;margin:7px 0;overflow-wrap:anywhere}.detail-note{font-size:12px!important;color:var(--muted);border-left:2px solid var(--line);padding-left:11px}.event-marker{cursor:pointer}.event-marker circle{fill:var(--accent);stroke:#fff9eb;stroke-width:2}.event-marker text{font-size:12px;fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:3px}.route{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:5 3;pointer-events:none}.route.trade{stroke:var(--green)}dialog{color:var(--ink);background:var(--paper-light);border:1px solid var(--line);max-width:700px;width:calc(100% - 32px);max-height:85dvh;padding:38px;border-radius:4px;box-shadow:0 20px 100px #26302633}dialog::backdrop{background:#26302666}.dialog-close{position:absolute;right:12px;top:8px;font-size:25px}dialog p,dialog li{font-size:14px}dialog h2{font-size:25px}dialog h3{margin-top:25px}.notice{position:fixed;left:50%;transform:translateX(-50%);bottom:205px;padding:10px 20px;background:var(--ink);color:var(--paper-light);font-size:14px;z-index:30;box-shadow:0 3px 15px #0002;border-radius:3px;max-width:90vw}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz-options{display:grid;gap:9px}.quiz-options button{border:1px solid var(--line);padding:10px;text-align:left;background:var(--paper-light);border-radius:3px}.quiz-options button.correct{border-color:var(--green);background:#e0e8d9}.quiz-options button.wrong{border-color:var(--accent);background:#f1dfd4}.primary{background:var(--green);color:white;border-radius:3px;padding:10px 17px;font-size:14px}.primary:hover{background:#294637;color:#fff}.region-title{font-size:13px;color:var(--accent);margin-bottom:12px}.coverage-table{width:100%;border-collapse:collapse;font-size:12px}.coverage-table td,.coverage-table th{padding:7px;border-bottom:1px solid var(--line);text-align:left}@media(min-width:1700px){.workspace{grid-template-columns:230px minmax(0,1fr) 355px}.details{padding:35px}.map-section{padding:35px 40px 20px}}@media(max-width:1150px){.masthead{padding:0 20px}.brand strong{font-size:19px}nav{gap:15px}.workspace{grid-template-columns:175px minmax(0,1fr) 265px}.sidebar{padding:27px 15px}.details{padding:25px 19px}.map-section{padding:28px 16px 15px}.map-footnote>span{display:none}.date-display{min-width:170px}.date-display strong{font-size:39px}.timeline{padding:15px 22px}.transport{gap:6px}.step-label{margin-left:7px}.quiet{max-width:110px}}@media(max-width:900px){.masthead{height:auto;min-height:83px;flex-wrap:wrap;padding:15px 20px 0;gap:5px 18px}.brand{margin-bottom:10px}.brand strong{font-size:20px}.quiet{margin-left:auto;max-width:none;margin-bottom:10px}nav{order:3;width:100%;height:42px;justify-content:center;gap:35px}.workspace{height:auto;min-height:0;grid-template-columns:150px minmax(0,1fr)}.sidebar{grid-row:1/3}.map-section{height:590px}.details{grid-column:2;border-left:0;border-top:1px solid var(--line);max-height:420px;padding:25px}.timeline{position:relative}.timeline-top{flex-wrap:wrap;gap:12px}.transport{margin-left:auto}#date-form{display:none}.map-heading h1{font-size:21px}.details h2{font-size:23px}}@media(max-width:600px){body{font-size:14px}.masthead{padding:12px 16px 0}.brandmark{font-size:35px}.brand strong{font-size:18px}.brand small{font-size:8px}.quiet{font-size:11px;max-width:75px}.workspace{display:flex;flex-direction:column}.sidebar{order:1;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.overline,.sidebar>h2,.sidebar>.legend,.sidebar>.text-button{display:none}.theme-list{display:flex;gap:3px;justify-content:space-between}.theme{padding:6px;font-size:12px;gap:5px}.theme span{font-size:16px;width:16px}.theme small{display:none}.region-control,.country-control{display:inline-block;width:49%;margin-top:9px}.sidebar{display:block}.region-control label,.country-control label{font-size:11px}.sidebar select{font-size:12px}.map-section{order:2;height:480px;min-height:480px;padding:19px 16px 10px}.map-heading h1{font-size:18px}.map-heading .overline{font-size:9px;margin-bottom:6px}.map-stage{min-height:320px}.map-tools{top:17px}.map-footnote{justify-content:flex-end;padding-top:6px}.map-footnote button{font-size:11px}.details{order:3;max-height:420px;padding:24px 22px;border-top:1px solid var(--line)}.timeline{padding:12px 16px;min-height:162px;position:sticky;bottom:0;z-index:10;box-shadow:0 -4px 12px #303d3609}.date-display{min-width:0;gap:5px}.date-display strong{font-size:32px}.date-display>span{font-size:11px}.timeline-top{gap:7px}.transport{gap:2px}.transport button{min-width:24px;font-size:20px}.transport .play{width:33px;height:33px;font-size:13px}.transport button:first-child,.transport button:nth-child(5){font-size:14px}.step-label{font-size:0;gap:0;margin-left:5px}.step-label select{font-size:12px;padding:4px;width:64px}.epoch-buttons button{font-size:10px}#time-range{margin-top:16px}.notice{bottom:170px}.map-caption{font-size:10px}dialog{padding:30px 22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.quiz-running .country-control,.quiz-running .region-control{display:none}.quiz-running .timeline input,.quiz-running .timeline .transport,.quiz-running .timeline #date-form,.quiz-running .epoch-buttons{visibility:hidden}.quiz-year .date-display,.quiz-year #era-label,.quiz-year #era-title{visibility:hidden}.quiz-year .map-heading:before{content:'地図を手がかりに、時代を読む。';position:absolute;font-family:var(--serif);font-size:22px}.quiz-year .timeline:before{content:'年代は、回答後に表示します。';position:absolute;font-family:var(--serif);color:var(--muted);padding-top:10px}.details h2{overflow-wrap:anywhere}.globe-label{font-size:12px}.nav-button[aria-pressed=true]{color:var(--accent)}

.details p{font-size:16px;line-height:1.85}.date-display{cursor:pointer}#mobile-map-return{display:none}.quiz-running .date-display{pointer-events:none}.quiz-running .theme-list{visibility:hidden}@media(max-width:600px){.theme{white-space:nowrap;font-size:11px;gap:3px}.theme span{font-size:14px;width:14px}.map-tools button:first-child{font-size:11px}#mobile-map-return{display:block;margin-bottom:15px}.map-caption{bottom:13px}}

.event-nav{display:flex;justify-content:space-between;gap:8px;margin-top:16px}.event-nav button{font-size:12px;border-bottom:1px solid var(--line);padding:4px 0}.quiz-running .event-nav{visibility:hidden}@media(max-width:600px){.event-nav{display:none}.theme{min-height:40px}.sidebar select{min-height:36px}}
.workspace{grid-template-rows:minmax(0,1fr)}.sidebar,.map-section,.details{min-height:0}.sidebar{overflow-y:auto}.timeline{position:relative;z-index:10}@media(max-width:900px){.workspace{grid-template-rows:auto auto}.sidebar{overflow:visible}}@media(max-width:600px){.map-section{min-height:480px}.timeline{position:sticky}}

/* Feedback: simpler map, nonuniform chronological scale, no accidental text selection. */
.map-stage,.map-stage svg{user-select:none;-webkit-user-select:none;touch-action:none}
.map-section{padding-top:12px}.map-footnote{justify-content:flex-end}
.epoch-buttons{position:relative;display:block;height:24px;margin:0 9px}
.epoch-buttons button{position:absolute;top:0;transform:translateX(-50%);font-size:11px;white-space:nowrap;padding:3px 0}
.epoch-buttons button:first-child{transform:none}.epoch-buttons button:last-child{transform:translateX(-100%)}
.epoch-buttons button:before{content:'';position:absolute;top:-6px;left:50%;height:4px;border-left:1px solid #aaa99c}
.time-scale-note{font-size:10px;color:#73796d;text-align:right;margin:1px 0 0}
.profile-section{border-bottom:1px solid var(--line)}.profile-section summary{padding:12px 2px;font-weight:700;cursor:pointer}.profile-section summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-section p{margin:0 2px 14px}.profile-facts{font-size:13px;padding:12px 0;border-block:1px solid #d8d6c9;line-height:1.9}.profile-details{margin-top:20px}.profile-details-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-details-heading h3{margin:0}
@media(max-width:600px){.epoch-buttons button{font-size:9px}.epoch-buttons button[data-year="1950"]{display:none}.map-section{padding-top:0}.time-scale-note{font-size:9px}}

.map-stage{isolation:isolate}.map-stage,.map-stage *{-webkit-tap-highlight-color:transparent}
.event-pin{pointer-events:none}.event-flagpole{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round}.event-flag{fill:var(--accent);stroke:var(--paper-light);stroke-width:1.2;stroke-linejoin:round}.event-pin.arriving{animation:event-arrive 900ms both;transform-origin:0 0}.event-marker .location-ripple{fill:none;stroke:var(--accent);stroke-width:2;pointer-events:none;animation:event-ripple 900ms ease-out both}
@keyframes event-arrive{0%{transform:translateY(-38px);opacity:0}18%{opacity:1}55%{transform:translateY(3px)}75%{transform:translateY(-5px)}100%{transform:translateY(0);opacity:1}}
@keyframes event-ripple{0%,35%{r:7px;opacity:0}45%{r:9px;opacity:.65}100%{r:31px;opacity:0}}
@media(prefers-reduced-motion:reduce){.event-pin.arriving{animation:none;transform:none}.event-marker .location-ripple{display:none}}

#language{font-size:12px;flex-shrink:0}.masthead{gap:14px}.masthead nav{margin-left:auto}
html[lang="en"] .theme{font-size:12px;gap:6px}html[lang="en"] .theme small{display:none}html[lang="en"] .date-display{min-width:160px}html[lang="en"] .overline{letter-spacing:.06em}
#topics-button{margin-top:16px;text-align:left}#topic-results{max-height:55vh;overflow:auto}
.catalogue-controls{display:flex;flex-wrap:wrap;gap:10px}.catalogue-controls label{display:flex;flex:1;min-width:120px;flex-direction:column;gap:5px;font-size:13px}.catalogue-controls .catalogue-search{flex-basis:100%}.catalogue-controls input,.catalogue-controls select{width:100%;min-width:0;padding:10px;border:1px solid #c7c7b9;background:var(--paper-light);color:inherit;border-radius:4px}#event-results{max-height:50vh;overflow:auto}#event-count,#topic-count{margin:12px 0}#event-results .story,#topic-results .story{width:100%;text-align:left}
.nearby-section{margin:24px 0;padding:4px 0 14px;border-block:1px solid #d8d6c9}.nearby-section h3{margin-bottom:6px}.nearby-story{padding:14px 0;border-bottom:1px solid #ddd8cb}.nearby-story:last-child{border-bottom:0}.nearby-summary{display:block;font-size:14px;line-height:1.75;color:#41493e;margin:7px 0}.nearby-story .story-date{color:#82533d}.nearby-more summary{cursor:pointer;font-size:13px;padding:12px 0;color:#82533d}.nearby-more[open]{border-top:1px solid #ddd8cb}
.discovery-links{margin:26px 0 8px;padding:18px;border:1px solid var(--line);background:#f1eee3}.discovery-links h3{margin:0 0 8px}.discovery-links h3:not(:first-child){margin-top:20px}.discovery-question{font-family:var(--serif);font-size:16px!important;color:var(--green)}.discovery-link{padding:11px 0}.discovery-link:last-child{border-bottom:0}#back-to-origin{display:block;margin:-13px 0 20px}
.journey-entry{margin:20px 0;padding:18px;border-left:3px solid var(--accent);background:#efecdf}.journey-entry h3{margin:4px 0 6px}.journey-entry p{margin-bottom:12px}.catalogue-journey{margin:0 0 25px}.journey-scene{margin:20px 0;padding:18px;background:#efecdf;border-block:1px solid var(--line)}.journey-scene h3{margin-top:0}.journey-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}.journey-secondary{display:block;margin-top:12px}.journey-resume{display:block;width:100%;margin-bottom:18px}.journey-compare,.journey-reflection{display:grid;gap:10px;margin-top:18px;border:0;padding:0}.journey-reflection legend{font-weight:700;margin-bottom:10px}.journey-choice{padding:11px 13px;border:1px solid #a8a492;border-radius:3px;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.journey-choice:hover,.journey-choice:focus-visible{border-color:var(--accent);outline:2px solid transparent}.journey-choice[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 4px 0 var(--accent);background:#faf4e9}.journey-feedback{padding:12px;border-left:3px solid var(--accent);background:#fff;margin:4px 0 0}
.saved-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.saved-progress{margin:0 0 22px;padding:14px;background:#efecdf;border-block:1px solid var(--line)}.saved-progress>summary{font-weight:700;cursor:pointer}.saved-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px}.saved-item .story{width:100%}
@media(max-width:900px){.masthead nav{margin-left:0}.masthead #language{margin-left:auto}.masthead .quiet{margin-left:0}}
@media(max-width:600px){.masthead{gap:5px 9px}.masthead .brand{flex:1}.masthead .brand strong{font-size:16px}.masthead #language{font-size:11px;padding:5px}.masthead .quiet{max-width:72px}.sidebar>#topics-button{display:block;padding:4px 0;margin-top:8px}.theme-list{flex-wrap:wrap}html[lang="en"] .theme{font-size:10px}html[lang="en"] .date-display{min-width:0}html[lang="en"] .step-label select{width:80px}html[lang="en"] .map-tools button:first-child{font-size:10px}.brand small{letter-spacing:.08em}}

.map-review-note{font-size:12px;line-height:1.65;color:var(--muted,#6a695f);margin:12px 0;padding:8px 10px;border-left:2px solid #b49b73;background:#ede8dc66}.map-review-note summary{cursor:pointer}.map-review-note a{color:inherit}#map-source-status{font-size:11px;line-height:1.6;margin:12px 0}

.swatch.review-pending{background:#c4c1b8;border-color:#a29e94}

.profile-period{font-size:.62em;font-weight:500;display:inline;line-height:1.6}

.event-participant{fill:#c58b35;fill-opacity:.16;stroke:#915519;stroke-width:2.4;stroke-linejoin:round;pointer-events:none}
.event-marker .event-glyph{fill:none;stroke:#fff9eb;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.event-marker.event-trade circle{fill:#327c83}.event-marker.event-culture circle{fill:#785793}
.event-marker.event-trade .location-ripple,.event-marker.event-culture .location-ripple{fill:none}

.attack-ground{fill:none;stroke:#603d2b;stroke-width:4;stroke-opacity:.18;stroke-dasharray:3 5;pointer-events:none}
.attack-halo{fill:none;stroke:#fff8e8;stroke-opacity:.9;stroke-width:6;stroke-linecap:round;pointer-events:none}
.attack-arc{fill:none;stroke:#9c4c35;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

/* Watch history moves from the atlas shell into a focused globe stage. */
#viewing[hidden]{display:none}#viewing{position:absolute;inset:0;z-index:20;overflow:hidden;pointer-events:none;color:var(--ink)}
.viewing-header{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 14px 30px;background:linear-gradient(180deg,#f4f0e5f2 48%,#f4f0e500)}
.viewing-header h1{font-size:clamp(18px,2vw,24px);line-height:1.25;margin:1px 0}.viewing-header p{font-size:11px;color:var(--muted);margin:0}.viewing-eyebrow{font:9px/1.5 Georgia,serif;letter-spacing:.16em;color:var(--accent)}
.viewing-actions{display:flex;align-items:center;gap:10px;pointer-events:auto}.viewing-speed{display:flex;align-items:center;gap:7px;margin:2px 0 0;padding:5px 7px 5px 10px;background:#f4f0e5e8;border:1px solid var(--line);border-radius:3px;font-size:11px;color:var(--muted)}.viewing-speed select{padding:4px 6px;font-size:12px;background:var(--paper-light)}#viewing-exit{pointer-events:auto;flex:none;margin-top:2px;background:#304b3e;box-shadow:0 3px 18px #303d3633}
.viewing-bottom{position:absolute;z-index:3;left:clamp(20px,4vw,76px);right:auto;bottom:24px;width:min(760px,46vw);padding:18px 20px 14px;background:#f4f0e5e8;border-left:3px solid #9c4c3580;box-shadow:0 12px 44px #303d3615;backdrop-filter:blur(5px)}
.viewing-caption{display:block;max-width:none;margin:0 0 14px}
#viewing-date{font:clamp(27px,2.5vw,38px)/1.1 Georgia,serif;color:var(--accent);white-space:nowrap;margin-bottom:8px}.viewing-copy h2{font-size:clamp(19px,1.8vw,26px);line-height:1.35;margin:2px 0 8px}.viewing-copy p{font-size:clamp(13px,1.1vw,16px);line-height:1.65;margin:0;max-width:72ch}.viewing-copy small,#viewing-position{display:none}.viewing-copy #viewing-kind{font:10px/1.5 Georgia,serif;letter-spacing:.11em;color:var(--green)}
.viewing-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;max-width:none;margin:auto;font:11px Georgia,serif;color:var(--muted)}.viewing-progress progress{width:100%;height:5px;accent-color:var(--accent)}
.is-viewing{overflow:hidden}.is-viewing .masthead,.is-viewing .sidebar,.is-viewing .details,.is-viewing .timeline{opacity:0;pointer-events:none}.is-viewing .map-section{position:fixed;inset:0;z-index:40;width:100vw;height:100dvh;min-height:100dvh;padding:0;background:radial-gradient(ellipse at center,#fbf9f0 0%,#f4f0e5 74%)}.is-viewing .map-heading,.is-viewing .map-footnote,.is-viewing .map-tools{opacity:0;pointer-events:none}.is-viewing .map-stage{height:100%;min-height:100%}.is-viewing #map{pointer-events:none;cursor:default}.viewing-loading #map{opacity:.56}
.viewing-outline-halo{fill:none;stroke:#fffaf0;stroke-width:5;stroke-linejoin:round;pointer-events:none}.viewing-outline{fill:#9c4c3510;stroke:var(--accent);stroke-width:2;stroke-dasharray:7 5;stroke-linejoin:round;pointer-events:none}.viewing-marker circle:first-child{fill:#9c4c3530;stroke:#fff8e8;stroke-width:3}.viewing-marker circle:nth-child(2){fill:var(--accent);stroke:#fff8e8;stroke-width:2}.viewing-marker text{font-size:12px;font-weight:700;fill:var(--ink);paint-order:stroke;stroke:#fffaf0;stroke-width:4px;pointer-events:none}
.viewing-attribution{margin-top:18px;font-size:11px!important;color:var(--muted)}#viewing-form{display:grid;gap:9px;margin-top:20px}#viewing-form select{width:100%;padding:10px}#viewing-form .primary{justify-self:start;margin-top:7px}#viewing-coverage{margin:5px 0;padding:10px 12px;background:#efecdf;border-left:3px solid var(--accent)}
@media(max-width:600px){.viewing-header{padding:9px 9px 26px;gap:8px}.viewing-header h1{font-size:16px}.viewing-header p{font-size:9px}.viewing-eyebrow{font-size:7px}.viewing-actions{gap:5px}.viewing-speed{padding:3px 4px;margin-top:1px}.viewing-speed span{display:none}.viewing-speed select{width:76px;padding:3px;font-size:10px}#viewing-exit{font-size:11px;padding:7px 9px}.viewing-bottom{left:0;right:0;bottom:0;width:auto;padding:30px 9px 6px;border-left:0;box-shadow:none;backdrop-filter:none;background:linear-gradient(0deg,#f4f0e5 82%,#f4f0e500)}.viewing-caption{display:grid;grid-template-columns:105px minmax(0,1fr);gap:7px;margin-bottom:5px}#viewing-date{font-size:18px;margin:0}.viewing-copy #viewing-kind{font-size:7px}.viewing-copy h2{font-size:13px;line-height:1.25;margin:0 0 3px}.viewing-copy p{font-size:10px;line-height:1.4;display:block;overflow:visible}.viewing-progress{font-size:8px}}
@media(max-height:520px) and (orientation:landscape){.viewing-header{padding:9px 14px 22px}.viewing-header h1{font-size:16px}.viewing-header p{display:none}#viewing-exit{padding:7px 10px}.viewing-bottom{padding:18px 14px 7px}.viewing-caption{grid-template-columns:100px minmax(0,1fr);gap:12px;margin-bottom:4px}#viewing-date{font-size:23px}.viewing-copy h2{font-size:15px;margin:0}.viewing-copy p{font-size:10px;line-height:1.3;white-space:normal;overflow:visible}.viewing-copy small{display:none}.viewing-progress{height:4px}#viewing-position{display:none}}
@media(prefers-reduced-motion:reduce){.viewing-loading #map{opacity:1}}

/* Readable tour captions and one unobtrusive map-notes entry. */
.map-notes{position:absolute;right:10px;bottom:7px;z-index:3;font-size:11px;background:#f4f0e5df;padding:5px 8px}.is-viewing .map-notes{display:none}
.map-copyright{position:absolute;left:8px;bottom:7px;z-index:3;font-size:10px;line-height:1.4;background:#f4f0e5df;padding:3px 6px}.map-copyright a{color:var(--muted);text-decoration:none}.map-copyright a:hover{text-decoration:underline}
#viewing-pause{padding:10px 13px;border:1px solid #607366;border-radius:4px;color:var(--green);background:#f4f0e5;white-space:nowrap;min-height:40px;cursor:pointer}#viewing-pause[aria-pressed="true"]{background:#dce6dc}#viewing-pause:disabled{opacity:.5;cursor:default}
#viewing-position{display:block;margin-top:9px;font-size:11px;color:var(--muted)}.viewing-key{position:absolute;right:12px;bottom:7px;font-size:10px;color:var(--muted);max-width:44%;text-align:right}.is-paused .viewing-layer *{animation-play-state:paused!important}
.viewing-bottom{bottom:30px;max-height:calc(100% - 155px)}.viewing-copy p{font-size:clamp(14px,1.15vw,17px);line-height:1.8}
@media(max-width:700px){.viewing-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.viewing-header>div:first-child{width:100%}.viewing-header h1{font-size:18px}.viewing-header p{display:none}.viewing-actions{width:100%;justify-content:flex-end}.viewing-speed{margin-right:auto}.viewing-speed select{width:105px;font-size:12px;min-height:36px}#viewing-pause,#viewing-exit{font-size:12px;padding:8px 10px;min-height:40px}.viewing-bottom{left:0;right:0;bottom:25px;width:auto;padding:12px 16px 9px;max-height:48%;background:#f4f0e5ee;border:0;box-shadow:none;backdrop-filter:blur(3px)}.viewing-caption{display:block;margin-bottom:8px}#viewing-date{font-size:23px;margin-bottom:4px}.viewing-copy #viewing-kind{font-size:10px}.viewing-copy h2{font-size:17px;line-height:1.4;margin:3px 0 6px}.viewing-copy p{font-size:13px;line-height:1.7}.viewing-progress{font-size:10px}#viewing-position{font-size:10px;margin-top:5px}.viewing-key{max-width:calc(100% - 24px);font-size:9px}}
@media(max-height:520px) and (orientation:landscape){.viewing-header{flex-wrap:nowrap}.viewing-header>div:first-child{width:auto}.viewing-actions{width:auto}.viewing-bottom{width:48%;left:12px;right:auto;bottom:22px;padding:9px 12px;max-height:calc(100% - 85px)}.viewing-copy p{font-size:12px;line-height:1.5}.viewing-copy h2{font-size:16px}#viewing-date{font-size:20px}.viewing-key{max-width:46%}}
.reading-comparison{overflow-x:auto;margin:22px 0}.reading-comparison table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.8}.reading-comparison caption{text-align:left;font-weight:700;margin-bottom:10px}.reading-comparison th,.reading-comparison td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid var(--line)}.reading-comparison th{min-width:80px;color:var(--green)}.reading-comparison td{min-width:170px}.reading-question{margin:20px 0;padding:14px;background:#efecdf;border-left:3px solid var(--accent)}.reading-question h3{margin:0 0 10px}.reading-question summary{cursor:pointer;color:var(--accent)}.reading-links{margin-top:24px}