:root{color-scheme:dark;--bg:#111a1d;--panel:#1c292c;--fg:#eef7f0;--muted:#bbcec3;--line:#3e5750;--accent:#a3e5bb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.55 system-ui,sans-serif}html[data-theme=light]{color-scheme:light;--bg:#f2f7f3;--panel:white;--fg:#193126;--muted:#4a6254;--line:#b8d0c1;--accent:#176945}a{color:var(--accent)}button,select,.download{font:inherit;border:1px solid var(--line);border-radius:9px;padding:9px 14px;background:var(--panel);color:var(--fg);cursor:pointer}button:hover,a:hover{filter:brightness(1.12)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header,main,footer{max-width:1420px;margin:auto;padding:22px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}header nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px;font-weight:750;text-decoration:none;font-size:24px}.brand img{width:50px}h1{font-size:clamp(26px,3.2vw,44px);line-height:1.15}p{max-width:950px}.intro{margin:24px 0 28px}.muted{color:var(--muted);font-size:15px}video{display:block;width:100%;aspect-ratio:16/9;background:black;border:1px solid var(--line);border-radius:10px}.downloads{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin:16px 0 30px}.download{text-decoration:none}.scene-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;align-items:start;margin:35px 0}.selected-image{width:100%;height:auto;border:1px solid var(--line);border-radius:10px}.scene-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.scene-panel h2{margin:0 0 12px;font-size:24px}.scene-panel p{font-size:16px}.scene-panel audio{width:100%;margin:12px 0}.scene-buttons{display:flex;gap:9px;flex-wrap:wrap}#chapter{width:100%;margin:12px 0}#cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{text-align:left;padding:0;overflow:hidden}.card img{width:100%;display:block;aspect-ratio:16/9}.card span{display:block;padding:12px 14px}.card[aria-current=true]{outline:3px solid var(--accent)}footer{border-top:1px solid var(--line);margin-top:40px;font-size:14px}.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:850px){.scene-layout{grid-template-columns:1fr}#cards{grid-template-columns:repeat(2,minmax(0,1fr))}header,main,footer{padding:16px}}@media(max-width:480px){#cards{grid-template-columns:1fr}header nav{gap:8px}.brand{font-size:21px}}

/* Preserve the 16:9 image ratio despite the intrinsic HTML height attribute. */
.card img{height:auto;object-fit:contain}.selected-image{cursor:zoom-in}

.chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:35px}.chapter-heading a{font-size:14px}.media-status{padding:16px 20px;background:var(--wash);border:1px solid var(--line);border-radius:8px;font-size:14px}.media-status[hidden]{display:none}

.media-choices{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}.media-choices a{padding:15px 22px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-decoration:none;font-weight:600}.media-section{scroll-margin-top:110px;padding:28px 0 42px}.media-section+.media-section{border-top:2px solid var(--line);margin-top:30px;padding-top:45px}.media-section>h2{font-size:clamp(26px,3vw,36px);margin:0 0 15px}.chapter-transcript{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.scene-panel h3{font-size:16px;margin:18px 0 9px}.chapter-transcript #speech{white-space:pre-line;line-height:1.75}.scene-buttons{margin-top:24px}.scene-buttons button:disabled{opacity:.4;cursor:default}#detail{scroll-margin-top:110px}#clip-download{font-size:14px}

/* One disclosure button across the entire chapter field; no native popup. */
#chapter[hidden]{display:none}.chapter-picker{position:relative;margin:12px 0}.chapter-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;text-align:left;min-height:48px}.chapter-toggle span:first-child{min-width:0;overflow-wrap:anywhere}.chapter-toggle span:last-child{flex:none}.chapter-choices{position:relative;max-height:320px;max-height:min(320px,45vh);overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto;margin-top:8px;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.chapter-choices[hidden]{display:none}.chapter-choices button{display:block;width:100%;text-align:left;border:0;border-radius:5px;padding:12px;line-height:1.4}.chapter-choices button:hover,.chapter-choices button:focus-visible{background:var(--wash)}.chapter-choices button[aria-current=true]{background:var(--wash);font-weight:650}.chapter-choices button:focus-visible{outline-offset:-3px}