/* Load after experience.css. Only the opt-in explanation host is affected. */
.story-roomy.capacity-host .cinema-stage{display:block}
.story-roomy.capacity-host .cinema-surface{position:relative;background:#fbfdff}
.story-roomy.capacity-host[data-cinematic-story=engine] .cinema-surface{background:#fff}
.story-roomy.capacity-host .cinema-narration{position:absolute;z-index:1;pointer-events:none;max-width:none}
.story-roomy.capacity-host .cinema-caption,.compact .story-roomy.capacity-host .cinema-caption{position:relative;width:100%;max-width:none;min-height:0;margin:0;padding:0;font-size:18px;line-height:1.45;text-align:left;text-wrap:pretty;overflow:visible;color:#173b48;pointer-events:auto}
.story-roomy.capacity-host .cinema-caption:focus-visible{outline:2px solid #237d9d;outline-offset:3px}
.story-roomy.capacity-host .cinema-panel{display:grid!important;grid-template-columns:auto auto minmax(100px,1fr) minmax(120px,25%) 64px auto;grid-template-rows:minmax(44px,auto);gap:0 8px;align-items:center;margin-top:6px;min-height:44px}
.story-roomy.capacity-host .cinema-transport,.story-roomy.capacity-host .continuous-navigation,.compact .story-roomy.capacity-host .cinema-transport{display:contents!important}
.story-roomy.capacity-host [data-cinema-toggle]{grid-area:1/1;width:auto;font-size:12px;line-height:1.4}
.story-roomy.capacity-host [data-cinema-replay]{grid-area:1/2;width:auto;font-size:12px;line-height:1.4}
.story-roomy.capacity-host [data-cinema-count]{grid-area:1/3;align-self:start;justify-self:center;margin:0;padding:0;font-size:10px;line-height:13px;pointer-events:none}
.story-roomy.capacity-host .continuous-navigation input{grid-area:1/3;width:100%;height:44px;min-height:44px;min-width:72px;margin:0;padding-top:14px}
.story-roomy.capacity-host .continuous-navigation select:not([data-cinema-speed]){grid-area:1/4;min-height:44px;min-width:44px;max-width:100%;width:100%;font-size:12px}
.story-roomy.capacity-host [data-scene-reading]{grid-area:1/6;min-width:44px;min-height:44px;font-size:12px;line-height:1.4}
.story-roomy.capacity-host .cinema-panel [hidden]{display:none!important}
.story-roomy.capacity-host .cinema-stage canvas,.compact .story-roomy.capacity-host .cinema-stage canvas{min-height:0}
.story-roomy.capacity-host button:focus-visible,.story-roomy.capacity-host select:focus-visible,.story-roomy.capacity-host input:focus-visible{outline:2px solid #237d9d;outline-offset:2px}
.story-roomy.capacity-host .continuous-navigation [data-cinema-speed]{grid-area:1/5;width:64px;max-width:64px;min-width:44px;min-height:44px;padding:0 2px;border:0;border-bottom:1px solid #bdd4dc;background:transparent;color:#355e70;font:inherit;font-size:12px;text-align:center;appearance:none}
@media(max-width:700px){
 .story-roomy.capacity-host .continuous-navigation input{min-width:60px}
 .story-roomy.capacity-host .continuous-navigation [data-cinema-speed]{width:44px;max-width:44px}
 .story-roomy.capacity-host[data-cinema-complete=true] .continuous-navigation [data-cinema-speed]{grid-column:4}
 .story-roomy.capacity-host .cinema-caption,.compact .story-roomy.capacity-host .cinema-caption{font-size:17px;line-height:1.45}
 .story-roomy.capacity-host .cinema-panel{grid-template-columns:44px 44px minmax(60px,1fr) 44px 44px 44px;gap:0 4px}
 .story-roomy.capacity-host [data-cinema-toggle],.story-roomy.capacity-host [data-cinema-replay],.story-roomy.capacity-host [data-scene-reading]{width:44px;height:44px;font-size:0;line-height:0}
 .story-roomy.capacity-host [data-cinema-toggle]::before,.story-roomy.capacity-host [data-cinema-replay]::before,.story-roomy.capacity-host [data-scene-reading]::before{content:'';display:block;width:22px;height:22px;margin:auto;background:center/22px no-repeat}
 .story-roomy.capacity-host [data-cinema-toggle]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 4 13 8-13 8z' fill='%23355e70'/%3E%3C/svg%3E")}
 .story-roomy.capacity-host [data-cinema-action=pause]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 5v14M17 5v14' stroke='%23355e70' stroke-width='4'/%3E%3C/svg%3E")}
 .story-roomy.capacity-host [data-cinema-replay]::before,.story-roomy.capacity-host [data-cinema-action=replay]::before,.story-roomy.capacity-host [data-cinema-action=retry]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 9a8 8 0 1 1-1 6M5 3v6h6' fill='none' stroke='%23355e70' stroke-width='2'/%3E%3C/svg%3E")}
 .story-roomy.capacity-host [data-scene-reading]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h7l2 2 2-2h7v15h-7l-2 2-2-2H3zM12 7v15' fill='none' stroke='%23355e70' stroke-width='1.7'/%3E%3C/svg%3E")}
 .story-roomy.capacity-host [data-scene-reading][aria-expanded=true]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m10 5-7 7 7 7M3 12h18' fill='none' stroke='%23355e70' stroke-width='1.8'/%3E%3C/svg%3E")}
 .story-roomy.capacity-host .continuous-navigation select:not([data-cinema-speed]){width:44px;max-width:44px;min-width:44px;height:44px;padding:0;border:0;appearance:none;color:transparent;background:center/22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h.01M4 12h.01M4 18h.01' stroke='%23355e70' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
 .story-roomy.capacity-host .continuous-navigation option{color:#355e70;background:#fbfdff;font-size:14px}
 .story-roomy.capacity-host[data-cinema-complete=true] .cinema-panel{grid-template-columns:44px minmax(60px,1fr) 44px 44px 44px}
 .story-roomy.capacity-host[data-cinema-complete=true] [data-cinema-count],.story-roomy.capacity-host[data-cinema-complete=true] .continuous-navigation input{grid-column:2}
 .story-roomy.capacity-host[data-cinema-complete=true] .continuous-navigation select:not([data-cinema-speed]){grid-column:3}
 .story-roomy.capacity-host[data-cinema-complete=true] [data-scene-reading]{grid-column:5}
}

/* Paint-only shared frame: narration, drawing titles and transport share one boundary.
   Keep the existing canvas allocation, 6px control gap and every hit target unchanged. */
.story-roomy.capacity-host > figure.cinema-stage{
 outline:1px solid #7896a2;
 outline-offset:0;
 background:#edf4f7;
}
.story-roomy.capacity-host > figure.cinema-stage > .cinema-surface{
 box-shadow:0 1px 0 #d6e4ea;
}
.story-roomy.capacity-host > figure.cinema-stage > .cinema-panel{
 background:#edf4f7;
}