/* Technical explanation follows the catalogue's navy/green visual system. */
.film-narrative{--n-ink:#173d50;--n-muted:#48616c;--n-line:#b7ccc7;--n-paper:#edf3f1;--n-active:#173d50;--n-on-active:#fff;color:var(--n-ink);background:var(--n-paper);padding:clamp(20px,2.4vw,34px);border-top:3px solid #3b755d;min-width:0;margin:24px 0}
.film-narrative .film-narrative-kicker{font-size:.875rem;font-weight:700;color:var(--n-muted);margin:0 0 8px}
.film-narrative h4{font-size:clamp(1.25rem,1.6vw,1.625rem);line-height:1.35;margin:0 0 12px;letter-spacing:-.02em}
.film-narrative .film-narrative-scope{font-size:.9375rem;line-height:1.55;color:var(--n-muted);margin:0 0 20px}
.film-narrative .film-narrative-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;border:0}
.film-narrative .film-narrative-nav button{display:flex;gap:8px;align-items:center;justify-content:flex-start;min-height:44px;width:auto;max-width:100%;padding:9px 12px;border:1px solid var(--n-line);background:transparent;color:var(--n-ink);font-size:.875rem;line-height:1.4;text-align:left;cursor:pointer}
.film-narrative-nav button strong{font:inherit;font-weight:600}.film-narrative-nav button span{font-size:.875rem;font-variant-numeric:tabular-nums;color:inherit}
.film-narrative .film-narrative-nav button[aria-current=true]{background:var(--n-active);border-color:var(--n-active);color:var(--n-on-active)}
.film-narrative button:focus-visible{outline:3px solid #b06538;outline-offset:3px}
.film-narrative .film-stage-label{font-size:.875rem;font-weight:700;margin:0 0 6px;color:var(--n-muted)}
.film-narrative h5{font-size:1.125rem;line-height:1.4;margin:0 0 8px}
.film-narrative .film-explanation>p:last-child{font-size:1rem;line-height:1.65;margin:0}
.film-narrative .film-principle{margin:20px 0;padding:16px 0;border-block:1px solid var(--n-line)}
.film-principle figcaption{font-size:.875rem;font-weight:600;margin:0 0 12px;color:var(--n-muted)}
.film-principle ol{display:flex;gap:24px;align-items:stretch;list-style:none;padding:0;margin:0}
.film-principle li{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 8px;border:1px solid var(--n-line);font-size:.9375rem;line-height:1.4;overflow-wrap:anywhere}
.film-principle li+li:before{content:'→';position:absolute;left:-22px;top:50%;transform:translateY(-50%);color:var(--n-ink)}
.film-control>strong{font-size:.875rem}.film-control ol{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
.film-control li{display:grid;grid-template-columns:54px 1fr;gap:10px;font-size:.9375rem;line-height:1.5}.film-control li span{font-weight:700;color:var(--n-muted)}
.heating-copy>.film-narrative,.explorer-film>div>.film-narrative{margin:0}.heating-copy>.film-narrative{padding:20px}
.factory-player-layout:has(.film-narrative){grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);align-items:start}
.factory-player-layout>.film-narrative{--n-ink:#fff;--n-muted:#b7d5c8;--n-line:#537681;--n-paper:#1b4352;--n-active:#b7d5c8;--n-on-active:#123542;margin:0}
.catalogue-chapter .film-narrative :is(h4,h5,p,li,figcaption){color:var(--n-ink)}
.catalogue-chapter .film-narrative h4{font-size:clamp(1.25rem,1.6vw,1.625rem);line-height:1.35}
.catalogue-chapter .film-narrative p{font-size:1rem;line-height:1.6}
.catalogue-chapter .film-narrative :is(.film-narrative-kicker,.film-narrative-scope,.film-stage-label){font-size:.875rem;color:var(--n-muted)}
.catalogue-chapter .film-narrative li{font-size:.9375rem;line-height:1.5}
.catalogue-chapter .film-narrative .film-principle{padding:16px 0;margin:20px 0}
.catalogue-chapter .film-narrative figcaption{font-size:.875rem;color:var(--n-muted)}
.heating-render{align-items:start}
.film-studio{grid-template-columns:1fr}
.film-watch{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
.film-watch>*{min-width:0}.film-watch>.film-narrative{margin:0}
.film-playlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:32rem;padding:0 8px 8px 0}
.film-playlist .film-thumb img{display:block;height:auto;object-fit:contain}
.catalogue-player{min-width:0}
.film-stage #active-film-title{margin:0 0 20px}
.film-player-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.film-player-actions button{min-height:48px;padding:11px 18px;border:1px solid var(--navy);background:var(--navy);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.film-player-actions button+button{background:#fff;color:var(--navy)}
.film-topic-link{padding:12px 0;line-height:1.5}
.film-playlist>button>span{min-width:0}
.film-playlist strong{overflow-wrap:anywhere}
.catalogue-playback-status{font-size:1rem;line-height:1.5;color:var(--navy);padding:12px;background:#edf3f1}
.catalogue-playback-status:empty{display:none}
.film-launch{display:block;min-width:0;text-decoration:none;border:1px solid #b7ccc7;background:#fff;color:#173d50}
.film-launch>img{display:block;width:100%;height:auto;max-height:65svh;object-fit:contain;background:#102e3b}
.film-launch>span{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 16px;font-size:16px;font-weight:700}
.film-launch:focus-visible{outline:3px solid #b06538;outline-offset:3px}
/* The fullscreen surface must not inherit the inline player's height cap. */
video:fullscreen{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain;background:#000}
video:-webkit-full-screen{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain;background:#000}
@media(min-width:1001px){.film-watch>.catalogue-player{position:sticky;top:var(--header-offset,120px)}}
@media(min-width:1001px){.film-watch>video,.heating-media,.factory-player-layout>video,.explorer-film>div:first-child{position:sticky;top:var(--header-offset,120px)}}
@media(max-width:1000px){.film-watch{grid-template-columns:1fr}.film-playlist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:799px){.film-playlist{max-height:none;overflow:visible}}
@media(max-width:1000px){.factory-player-layout:has(.film-narrative){grid-template-columns:1fr}.explorer-film:has(.film-narrative){grid-template-columns:1fr}}
@media(max-width:600px){.film-narrative{padding:20px 16px}.film-principle ol{flex-direction:column;gap:22px}.film-principle li{padding:10px}.film-principle li+li:before{content:'↓';left:50%;top:-21px;transform:translateX(-50%)}.film-control li{grid-template-columns:48px 1fr}.film-narrative .film-narrative-nav button{flex:1 1 130px}.heating-copy>.film-narrative{padding:20px 16px}}
@media(max-width:600px){.film-playlist{grid-template-columns:minmax(0,1fr)}.film-playlist>button{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px}.film-playlist>button>span:last-child{padding-top:0}.film-playlist strong{font-size:18px}}