body.ww-app{--bg:var(--app-bg);--panel:var(--app-surface);--text:var(--app-text);--muted:var(--app-muted);--soft:var(--app-muted);--line:var(--app-line);--cyan:var(--app-accent)}body.ww-app main{padding:100px 3vw 30px;max-width:1500px;margin:auto}body.ww-app main::before{display:none}body.ww-app .page-shell{gap:26px}body.ww-app .hero-card{width:100%;margin:0;padding:36px;border:1px solid var(--app-line);border-radius:28px;color:#f0f8fc}body.ww-app .hero-card :is(h1,p,.eyebrow,.hero-meta){color:#f0f8fc}body.ww-app :is(.source-card,.viewer-card,.field-notes-card,.media-card,.stat-card){border:1px solid var(--app-line);border-radius:24px;overflow:hidden;background:var(--app-surface);color:var(--app-text)}body.ww-app :is(.viewer-controls,.slider-card,.field-notes-panel){background:var(--app-surface);color:var(--app-text);border-color:var(--app-line);border-radius:16px}body.ww-app .section-title{font-family:Outfit,sans-serif;letter-spacing:-.04em;font-weight:650}body.ww-app :is(.body-copy,.field-notes-panel a){color:var(--app-muted)}body.ww-app :is(.btn,.overlay-chip){border-radius:12px;min-height:42px}body.ww-app .viewer-overlay{color:#f3f9fc}body.ww-app .btn-primary{background:var(--app-accent);color:var(--app-bg)}@media(max-width:650px){body.ww-app main{padding:90px 16px 24px}body.ww-app .hero-card{padding:24px}.viewer-controls .control-row{flex-wrap:wrap}}

/* Case pages share theme surfaces while footage and the 3D scene remain dark. */
html:not([data-app-theme=dark]) body.ww-app{--case-a:#087787;--case-b:#247342;--green:#247342;--gold:#866000;--orange:#ad4317}
body.ww-app :is(.viewer-card,.media-card,.source-card,.track-card){max-width:100%;box-shadow:none;background:var(--app-surface);border-color:var(--app-line)}
body.ww-app :is(.motion-chip .lab,.slider-head,.media-note span,.field-notes-panel a span,.source-links a){color:var(--app-muted)}
body.ww-app :is(.motion-chip .val,.media-title,.section-title){color:var(--app-text)}
body.ww-app :is(.field-notes-panel a,.source-links a,.btn:not(.btn-primary)){background:var(--app-surface);color:var(--app-text);border-color:var(--app-line)}
body.ww-app :is(.btn,.source-links a,.field-notes-panel a):hover{border-color:var(--app-accent)}
body.ww-app :is(.btn,.source-links a,.field-notes-panel a):focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}
body.ww-app .hero-card{--case-a:#62dced;--case-b:#a0ed9b}
body.ww-app .hero-card .stat .lab{color:#d7e4ed}
body.ww-app .hero-card .stat .val{color:#fff}
body.ww-app :is(.viewer-shell,.loading-screen,.track-visual,.cinema-frame,.interview-placeholder){color:#f7f9fc;--case-a:#62dced;--case-b:#a0ed9b}
body.ww-app .loading-card h2{color:#f7f9fc}
body.ww-app .interview-placeholder span{color:#d7e4ed}