/* Events define the extent. Annual browsing remains an explicit secondary mode. */
body[data-view=story] .timebar{display:none}
.event-navigation{margin-top:8px;padding-top:0}
.event-stop{display:flex;flex-direction:column;gap:6px;min-width:172px;max-width:220px;text-align:left}
.event-stop strong{order:0;font-size:15px;line-height:1.4}
.event-stop .stop-year{order:1;font-size:11px;opacity:.7}
.event-mode #story-map{min-width:1050px;max-width:none}
.event-mode[data-layout=geo] #story-map,.event-mode[data-layout=causal] #story-map{height:auto;min-height:0}
.event-mode .map-stage,.event-mode.has-detail .map-stage{height:clamp(560px,72vh,890px)}
.event-mode .map-heading{position:relative}
.event-mode .story-context{padding-top:4px;padding-bottom:10px}
.event-mode .scene-node-count{display:none}
#story-scenes[hidden]{display:none}
.event-mode .story-legend{min-height:34px;padding-block:8px}
.event-mode[data-layout=causal] .participant-legend,.event-mode[data-layout=geo] .participant-legend{display:none}
.region-face{fill:#244b40;stroke:#547969;stroke-width:1}
.region-depth{fill:#12362b}
.region-country-depth{fill:#668e72;stroke:#668e72;stroke-width:4;transform:translateY(.35px)}
.region-geography .scene-country{stroke-width:.65;fill:#698e79;stroke:#355d48}
.region-geography .scene-country.relevant{fill:#b8d1a9;stroke:#dcdfb0;stroke-width:1.1;cursor:pointer}
.region-geography [role=button]{outline:none}
.region-geography [role=button]:focus-visible .scene-country,.region-geography [role=button]:hover .scene-country{fill:#f1ce8d;stroke:#a65e21;stroke-width:2}
.region-title{font-size:19px;font-weight:650;fill:#e1ebd8}
.region-participants{font-size:12px;fill:#cbddc7}
.dokdo-extent{fill:transparent}
.dokdo-marker circle{fill:#c07529;stroke:#fff;stroke-width:1}
.dokdo-marker text{font-size:13px;fill:#e7eedf;paint-order:stroke;stroke:#244b40;stroke-width:3}
.node-title,.role-shock .node-title{font-size:17px;letter-spacing:-.6px}
.event-places,.bundle-hint{font-size:11px;fill:#b6ccbd}
.event-bundle .node-face{stroke-dasharray:5 3;stroke-width:1.6}
.event-bundle .bundle-hint{fill:#e2c78d}
.causal-line{stroke-width:2.3}
.event-mode .region-panel{pointer-events:auto}
body[data-theme=light] .region-face{fill:#dde9df;stroke:#b0c8b7}
body[data-theme=light] .region-depth{fill:#9bb7a5}
body[data-theme=light] .region-country-depth{fill:#95b39c;stroke:#95b39c}
body[data-theme=light] .region-geography .scene-country{fill:#c5d9c8;stroke:#8dad94}
body[data-theme=light] .region-geography .scene-country.relevant{fill:#92b79b;stroke:#517e61}
body[data-theme=light] .region-geography [role=button]:focus-visible .scene-country,body[data-theme=light] .region-geography [role=button]:hover .scene-country{fill:#efc884;stroke:#a25f29}
body[data-theme=light] .region-title{fill:#234e38}
body[data-theme=light] .region-participants{fill:#507460}
body[data-theme=light] .dokdo-marker text{fill:#4c6548;stroke:#dde9df}
body[data-theme=light] .event-places{fill:#6a8170}
body[data-theme=light] .bundle-hint{fill:#7b6237}
body[data-theme=light] .event-bundle .node-face{fill:#f2f0de}
@media(min-width:721px){
 .event-mode .map-stage,.event-mode.has-detail .map-stage{height:auto;min-height:0}
 .event-mode #world-map{display:none}
 .event-mode #story-canvas{position:relative;inset:auto;max-height:none}
 .event-mode[data-layout=lanes] #story-canvas{max-height:78vh}
}
@media(max-width:720px){
 .event-mode[data-layout=geo] #story-map,.event-mode[data-layout=causal] #story-map{width:100%;min-width:0}
 .event-mode .map-stage,.event-mode.has-detail .map-stage{height:570px}
 .event-stop{min-width:170px;max-width:200px}
 .event-nav-head{margin-bottom:5px}
 .event-mode .story-context .scene-tools{width:auto;margin-left:auto}
 .event-mode .map-heading h1{font-size:22px}
}
