/* Optional narrative film: controls exist only in the opened inline region. */
#story-open{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;max-width:100%;margin-top:26px;padding:12px 0;border:0;border-bottom:1px solid #8d9887;background:transparent;color:#f3f0e7;font:600 13px/1.6 var(--sans,Arial,sans-serif);text-align:left;cursor:pointer}
#story-open:focus-visible,#story-panel button:focus-visible,#story-progress:focus-visible{outline:2px solid #d6c5a8;outline-offset:5px}
#story-panel[hidden]{display:none!important}
#story-panel #story-captions-toggle[hidden]{display:none!important}
#story-panel{margin-top:26px;padding:20px;border:1px solid #636e5c;background:#111610;color:#f3f0e7;scroll-margin-top:20px}
#story-panel h3{font:400 clamp(27px,3vw,42px)/1.1 var(--serif,Georgia,serif);margin:0 0 18px}
#story-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101211;pointer-events:none}
#story-video::cue{color:#fff;background:#101211e6;font-family:Arial,sans-serif;font-size:18px}
#story-panel .story-controls,#story-panel .story-player-controls,#story-panel [data-story-controls]{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:15px}
#story-panel button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:9px 14px;border:1px solid #77836c;background:#1b2318;color:#f3f0e7;font:500 13px/1.6 var(--sans,Arial,sans-serif);cursor:pointer}
#story-panel button:disabled{opacity:.55;cursor:wait}
#story-panel #story-close{background:transparent}
#story-progress{width:100%;min-height:30px;margin:13px 0 0;accent-color:#cfb58e;cursor:pointer}
#story-progress:disabled{opacity:.45;cursor:default}
#story-status{font:400 13px/1.7 var(--sans,Arial,sans-serif);color:#d1d6c9;margin:14px 0 0;min-height:1.7em}
#story-panel .story-progress-label{display:block;font:500 12px/1.5 var(--sans,Arial,sans-serif);color:#d1d6c9;margin-top:15px}
@media(max-width:700px){#story-open{font-size:12px;gap:15px;line-height:1.7;width:100%}#story-panel{padding:14px;margin-inline:calc(-1 * var(--pad,20px));border-left:0;border-right:0}#story-panel h3{font-size:29px}#story-panel button{font-size:12px;padding:9px 12px;flex-grow:1}#story-panel #story-close{width:100%}#story-status{font-size:12px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){#story-panel{scroll-behavior:auto}}
@media(max-width:700px){#story-video::cue{font-size:14px}}
/* Keep the complete desktop player near one viewport; intrinsic ratio stays intact. */
@media(min-width:701px){#story-video{width:auto;max-width:100%;max-height:max(160px,calc(100svh - 420px));margin-inline:auto}}