/* The historical overview uses the same model-first reading hierarchy, with
   static inspection chapters and four explicitly illustrative motion shots. */
.model-workspace.story-shell.overview-mode{position:fixed;inset:0;height:100dvh;display:grid;grid-template-rows:var(--head) minmax(0,1fr) auto;overflow:hidden}
.model-workspace.story-shell.overview-mode>.masthead{position:relative;inset:auto;grid-row:1;min-width:0}
.model-workspace.story-shell.overview-mode #experience{position:relative;inset:auto;grid-row:2;min-height:0}
.model-workspace.story-shell.overview-mode #transport{position:relative;inset:auto;grid-row:3;height:auto;padding:12px 24px;display:grid;gap:8px;max-height:48dvh;overflow:auto}
#overview-caption{display:none}
.overview-mode #overview-caption{display:grid;gap:4px;min-width:0}
.overview-reading{display:grid;gap:4px}
#overview-location{font:11px/1.4 ui-monospace,Menlo,monospace;color:#a7c1cb}
#overview-title{font:24px/1.16 Georgia,serif;margin:0;color:#edf1ef}
#overview-copy,#overview-scope{margin:0;line-height:1.4;font-size:13px}
#overview-scope{font-size:11px;color:#b4c3ca}
.overview-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.overview-actions button,.overview-actions select{min-height:44px;font-size:12px;margin:0}
.overview-actions select{width:auto;max-width:260px;flex:1}
.overview-actions button{padding:5px 12px}
.overview-mode #chapters{display:none}
.overview-mode .pace-note{display:none}
.model-workspace.overview-mode #transport .transport-main{height:auto;min-height:44px;gap:16px}
.overview-mode .transport-buttons button{min-height:44px}
.overview-mode #play span{display:inline}
.overview-mode[data-overview-static=true] #play,.overview-mode[data-overview-static=true] .progress-wrap{display:none}
.overview-mode[data-overview-static=true] .transport-main{position:absolute;right:24px;bottom:12px}
.overview-mode[data-overview-static=true] .overview-actions{padding-right:102px}
.overview-mode #overview-reset{margin-left:auto}
.overview-mode #overview-amplify[aria-pressed=true]{border-color:#e3c595;color:#e3c595}
.overview-mode.inspector-open #stage-card{overflow:auto}
.overview-mode.inspector-open #overview-caption>:not(.overview-actions){display:none}
.overview-mode[data-overview-chapter="0"] :is(#damage-state,#damage-status,.damage-key,#download-mapping){display:none}
@media(max-width:760px){
 .model-workspace.story-shell.overview-mode #transport{padding:9px 12px;gap:6px;max-height:52dvh}
 #overview-title{font-size:21px}#overview-copy{font-size:12px}#overview-scope{font-size:10px}
 #overview-location{font-size:10px}
 .overview-actions{gap:5px}.overview-actions button{padding:4px 8px;font-size:11px}.overview-actions select{max-width:none;min-width:0;font-size:11px;flex:1 0 100%}
 .overview-mode[data-overview-static=true] .transport-main{right:12px;bottom:9px}
 .overview-mode[data-overview-static=true] .overview-actions{padding-right:78px}
 .overview-mode[data-overview-static=true] .overview-actions select{flex-basis:calc(100% + 78px)}
 .overview-mode #overview-reset{margin-left:0}
 .overview-mode .transport-buttons #play{min-width:76px}
 .overview-mode #progress-label{font-size:10px}
 .model-workspace.overview-mode.inspector-open #experience{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,1fr) minmax(0,1fr)}
 .model-workspace.overview-mode.inspector-open #scene-wrap{grid-row:1;width:100%;height:100%}
 .model-workspace.overview-mode.inspector-open #stage-card{position:relative;inset:auto;grid-row:2;width:100%;height:100%;padding:12px 16px;border-top:1px solid var(--line);box-shadow:none}
}
@media(max-height:500px) and (min-width:560px){
 .model-workspace.story-shell.overview-mode{grid-template-columns:minmax(0,1fr) 248px;grid-template-rows:var(--head) minmax(0,1fr)}
 .model-workspace.story-shell.overview-mode>.masthead{grid-column:1/-1}
 .model-workspace.story-shell.overview-mode #experience{grid-column:1;grid-row:2}
 .model-workspace.story-shell.overview-mode #transport{grid-column:2;grid-row:2;max-height:none;align-content:start;padding:10px;border-left:1px solid var(--line);border-top:0;overflow:auto}
 .overview-actions{display:grid;grid-template-columns:1fr 1fr}.overview-actions select{grid-column:1/-1;width:100%}
 .overview-mode[data-overview-static=true] .overview-actions{padding-right:0}
 .overview-mode[data-overview-static=true] .transport-main{position:static}
 .model-workspace.overview-mode #transport .transport-main{flex-wrap:wrap;gap:4px}
 .overview-mode .progress-wrap{flex-basis:100%}
 #overview-title{font-size:20px}#overview-copy{font-size:12px}#overview-scope,#overview-location{font-size:10px}
 .overview-mode[data-overview-static=false] .overview-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 .overview-actions button{padding:4px;font-size:10px;min-width:0}
 .overview-mode #overview-reset{margin-left:0}
 .model-workspace.story-shell.overview-mode #transport{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;overflow:hidden}
 .overview-mode #overview-caption{min-height:0;grid-template-rows:minmax(0,1fr) auto}
 .overview-reading{min-height:0;overflow:auto;align-content:start}
 .overview-mode.inspector-open #overview-caption{grid-template-rows:auto;align-content:end}
}