/* The chronology, map and reader each keep their own scroll/interaction surface. */
body[data-experience=history] main{grid-template-columns:224px minmax(260px,1fr) minmax(350px,440px);min-height:0}
body[data-experience=history] .sidebar.discovery-open{padding:25px 20px;overflow:auto}
.history-heading h1{font:28px/1.1 Georgia,serif;letter-spacing:-1px;margin:17px 0}
.history-heading p{font-size:12px;line-height:1.65;margin-bottom:25px}
.history-heading .eyebrow{font-size:8px;letter-spacing:1.2px}
.history-timeline{position:relative;display:flex;flex-direction:column;gap:2px}
.history-timeline:before{content:'';position:absolute;left:14px;top:27px;bottom:27px;width:1px;background:var(--ui-line)}
.history-timeline button{position:relative;display:flex;gap:12px;align-items:center;text-align:left;background:none;padding:11px 0;color:var(--ui-muted);min-height:60px;width:100%}
.history-dot{flex:none;display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--ui-line);background:var(--ui-paper);border-radius:50%;font-size:10px;transition:background .2s}
.history-timeline small{display:block;font-size:10px;letter-spacing:.3px;margin-bottom:4px}
.history-timeline strong{font-size:12px;font-weight:500;line-height:1.3;display:block}
.history-timeline [aria-current=step]{color:var(--ui-accent)}
.history-timeline [aria-current=step] strong{font-weight:700}
.history-timeline [aria-current=step] .history-dot{color:var(--ui-paper);background:var(--ui-accent);border-color:var(--ui-accent);box-shadow:0 0 0 4px var(--ui-accent-soft)}
.history-timeline button:hover strong{text-decoration:underline;text-underline-offset:4px}
.history-scroll-hint{font-size:10px;margin:25px 0 0;color:var(--ui-accent)}
.history-reader{position:relative;overflow-y:auto;overscroll-behavior:contain;background:var(--ui-paper);border-left:1px solid var(--ui-line);scrollbar-color:var(--ui-line) transparent;scrollbar-width:thin}
.history-chapter{padding:31px 28px 38px;border-bottom:1px solid var(--ui-line);scroll-margin-top:0}
.history-chapter-number{display:block;color:var(--ui-accent);font:26px/1 Georgia,serif;font-variant-numeric:lining-nums}
.history-chapter-number span{color:var(--ui-muted);font:11px 'Avenir Next',sans-serif;vertical-align:middle;margin-left:7px}
.history-period{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ui-accent);margin:28px 0 10px}
.history-chapter h2{font:38px/1.08 Georgia,serif;font-weight:400;letter-spacing:-1.1px;margin:0 0 15px;max-width:390px}
.history-hook{font:17px/1.55 Georgia,serif;color:var(--ui-ink);margin:0 0 25px}
.history-figure{margin:23px 0 27px}
.history-figure>button{display:block;position:relative;padding:0;width:100%;background:var(--ui-wash);overflow:hidden;min-height:190px}
.history-figure img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .35s}
.history-figure button:hover img{transform:scale(1.025)}
.history-image-kind{position:absolute;bottom:10px;left:10px;max-width:calc(100% - 54px);padding:5px 7px;background:var(--ui-paper);color:var(--ui-ink);font-size:9px;text-align:left}
.history-image-expand{position:absolute;right:9px;bottom:9px;background:var(--ui-paper);width:27px;height:27px;display:grid;place-items:center;font-size:19px}
.history-figure figcaption{font-size:12px;line-height:1.5;color:var(--ui-muted);margin-top:9px}
.history-figure figcaption small{display:block;font-size:9px;margin-top:4px;line-height:1.5}
.history-figure figcaption a{text-decoration:none}
.history-figure figcaption a:hover{text-decoration:underline}
.history-prose p{font-size:14px;line-height:1.8;color:var(--ui-ink);margin:18px 0}
.history-fact{margin:28px 0;padding:23px 22px 18px;background:#eee6dc;border-left:2px solid var(--ui-accent)}
.history-fact>span{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ui-accent);font-weight:650}
.history-fact h3{font:24px/1.15 Georgia,serif;letter-spacing:-.3px;margin:12px 0 10px}
.history-fact p{font-size:13px;line-height:1.7;color:var(--ui-ink);margin:0}
.history-explore{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--ui-accent);color:var(--ui-paper);border-radius:3px;padding:13px 16px;font-size:12px;width:100%;text-align:left;min-height:44px}
.history-sources{margin-top:20px;color:var(--ui-muted);font-size:11px}
.history-sources summary{cursor:pointer;padding:7px 0}
.history-sources ul{padding-left:17px;line-height:1.8}
.history-sources p{font-size:11px}
.history-ending{padding:35px 28px 50px}
.history-ending p{font:26px/1.2 Georgia,serif;color:var(--ui-ink);margin:0 0 20px}
body[data-experience=history] #scene,body[data-experience=history] #discovery-markers{bottom:30px}
body[data-experience=history] .map-actions,body[data-experience=history] .map-status,body[data-experience=history] .time-panel,body[data-experience=history] .compass,body[data-experience=history] .mobile-explore,body[data-experience=history] .map-features{display:none}
body[data-experience=history] .view-toolbar{top:15px;left:15px;right:auto}
body[data-experience=history] .map-attribution{height:30px;font-size:8px}
.history-map-label{position:absolute;bottom:47px;left:16px;right:16px;padding:13px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;background:rgb(249 247 241 / 94%);border:1px solid var(--ui-line);border-radius:3px}
.history-map-label>span{font-size:8px;letter-spacing:1.2px;color:var(--ui-muted)}
.history-map-label>strong{font:17px Georgia,serif;grid-column:1}
.history-map-label>button{grid-row:1/3;grid-column:2;background:none;font-size:11px;color:var(--ui-accent);min-height:44px}
.journey-pin{font-size:11px!important;background:var(--ui-accent)!important;color:var(--ui-paper)!important;border:1px solid var(--ui-paper)!important;box-shadow:0 3px 14px #2b292c30;max-width:230px;white-space:normal!important}
.history-image-dialog{width:min(1100px,calc(100% - 32px));max-width:1100px;padding:18px;border-radius:4px}
.history-image-dialog>img{display:block;width:100%;height:62dvh;object-fit:contain;background:var(--ui-wash)}
.history-image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:11px}
.history-image-toolbar>div{display:flex;gap:5px}
.history-image-toolbar button{width:44px;height:44px;background:var(--ui-wash);font-size:22px}
.history-image-dialog h2{font:21px/1.3 Georgia,serif;margin:15px 0 8px}
.history-image-credit{font-size:11px;margin:0}
.history-image-error{display:none;padding:40px;font-size:13px}
.image-failed .history-image-error{display:block}
@media(min-width:1700px){body[data-experience=history] main{grid-template-columns:250px minmax(400px,1fr) 480px}.history-chapter{padding:40px}.history-figure img{height:260px}}
@media(max-width:1100px) and (min-width:761px){body[data-experience=history] main{grid-template-columns:178px minmax(200px,1fr) 350px}body[data-experience=history] .sidebar.discovery-open{padding:22px 12px}.history-heading h1{font-size:25px}.history-heading .eyebrow{font-size:7px}.history-timeline button{gap:8px}.history-chapter{padding:25px 22px}.history-chapter h2{font-size:33px}.history-map-label{left:8px;right:8px;padding:10px}.history-map-label>strong{font-size:15px}}
@media(max-width:760px){
 body[data-experience=history] main{display:grid;grid-template-columns:1fr;grid-template-rows:74px minmax(170px,29%) minmax(0,1fr);height:calc(100dvh - 106px);min-height:0}
 body[data-experience=history] .sidebar.discovery-open{position:relative;display:block;top:auto;bottom:auto;left:auto;width:auto;padding:0;box-shadow:none;border:0;overflow:hidden;z-index:1}
 .history-heading,.history-scroll-hint{display:none}
 .history-timeline{flex-direction:row;overflow-x:auto;padding:0 12px;height:74px;gap:14px;scrollbar-width:none}
 .history-timeline:before{display:none}
 .history-timeline button{flex:0 0 154px;gap:10px;padding:10px 4px;width:154px}
 .history-timeline small{font-size:9px}.history-timeline strong{font-size:11px}
 body[data-experience=history] .viewport{height:auto;min-height:0;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line)}
 body[data-experience=history] #scene,body[data-experience=history] #discovery-markers{bottom:28px}
 body[data-experience=history] .map-attribution{height:28px;font-size:7px;padding:2px 5px}
 body[data-experience=history] .view-toolbar{top:8px;left:8px}
 body[data-experience=history] .view-mode button{padding:6px 9px;font-size:10px}
 .history-map-label{bottom:35px;left:8px;right:8px;padding:7px 10px;gap:2px 8px}
 .history-map-label>span{font-size:7px}.history-map-label>strong{font-size:15px}.history-map-label>button{min-height:32px;font-size:10px}
 .history-reader{border-left:0;scrollbar-width:none}
 .history-chapter{padding:25px 24px 32px}.history-chapter h2{font-size:36px}.history-period{margin-top:17px}.history-hook{font-size:16px;margin-bottom:21px}
 .history-figure img{height:210px}.history-figure figcaption{font-size:11px}.history-prose p{font-size:14px}
 .history-image-dialog{padding:12px}.history-image-dialog>img{height:52dvh}.history-image-toolbar{font-size:10px}
 .history-image-toolbar button{width:40px;height:40px}
}
@media(max-width:760px) and (max-height:600px){body[data-experience=history] main{grid-template-rows:64px minmax(100px,26%) minmax(0,1fr)}.history-timeline{height:64px}.history-map-label{padding:4px 8px}.history-map-label>span{display:none}.history-map-label>button{min-height:28px}.history-map-label>strong{font-size:12px}}