body.ww-app{--text:var(--app-text);--muted:var(--app-muted);--panel:var(--app-surface);--line:var(--app-line);--cyan:var(--app-accent)}body.ww-app main{max-width:1440px;margin:auto;padding:24px 3vw}body.ww-app .section{padding:40px 0}body.ww-app .section-title{font-family:Outfit,sans-serif;letter-spacing:-.04em;font-size:clamp(32px,4vw,52px)}body.ww-app :is(.portrait-feature,.tornado-archive-card,.map-outer){border-radius:24px;overflow:hidden;background:var(--app-surface);border-color:var(--app-line)}body.ww-app .tornado-archive-card{padding:28px}body.ww-app .intercept-subnav{position:relative;top:auto;margin:90px 3vw 0;padding:15px 24px;border-radius:18px;background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-line);height:auto;display:flex;gap:24px}body.ww-app .intercept-subnav::before{display:none}body.ww-app .portrait-copy{background:var(--app-surface);color:var(--app-text)}body.ww-app :is(.section-intro,.portrait-copy p,.tornado-archive-card p){color:var(--app-muted)}body.ww-app .archive-meta{color:var(--app-text)}body.ww-app .portrait-video{border-radius:20px}body.ww-app .mtab{border-radius:12px}body.ww-app #wmap{min-height:480px}
html:not([data-app-theme=dark]) body.ww-app :is(.map-status,.map-legend,.map-tabs,.map-tools){background:var(--app-surface)!important;color:var(--app-text)!important;border-color:var(--app-line)!important}html:not([data-app-theme=dark]) body.ww-app :is(.map-status .k,.map-status .v,.map-legend h4,.leg-item,.mtab){color:var(--app-text)!important}body.ww-app .mtab.active{background:var(--app-accent)!important;color:var(--app-bg)!important}.map-status,.map-legend{border-radius:16px!important}body.ww-app .tiny-link{color:var(--app-accent)}

/* Theme-aware page chrome; video and forecast risk colors stay intact. */
body.ww-app{--bg:var(--app-bg);--soft:var(--app-muted)}
html:not([data-app-theme=dark]) body.ww-app{--green:#127548;--gold:#866000;--orange:#ad4317}
body.ww-app .intercept-subnav{flex-wrap:wrap}
body.ww-app :is(.intercept-subnav a,.portrait-meta strong,.archive-meta,.archive-meta b,.signal-list a){color:var(--app-text)}
body.ww-app :is(.portrait-meta span,.archive-kicker,.archive-action){color:var(--app-accent)}
body.ww-app :is(.portrait-meta,.signal-card,.signal-list a){background:var(--app-surface);border-color:var(--app-line)}
body.ww-app .portrait-copy h3 span{background:none;-webkit-text-fill-color:var(--app-accent);color:var(--app-accent)}
body.ww-app .tornado-archive-card:hover{background:var(--app-surface);border-color:var(--app-accent);box-shadow:0 6px 24px color-mix(in srgb,var(--app-accent) 10%,transparent)}
body.ww-app .intercept-subnav a:hover,body.ww-app .intercept-subnav a:focus-visible{color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 8%,var(--app-surface))}
body.ww-app .leaflet-control-attribution,body.ww-app .leaflet-popup-content-wrapper,body.ww-app .leaflet-popup-tip,body.ww-app .leaflet-bar a{background:var(--app-surface)!important;color:var(--app-text)!important;border-color:var(--app-line)!important}
body.ww-app .leaflet-popup-content-wrapper{box-shadow:0 6px 24px #0002!important;border-radius:16px!important}
body.ww-app .leaflet-control-attribution a{color:var(--app-accent)!important}
body.ww-app .archive-meta span{color:var(--app-text);border-color:var(--app-line)}

/* Keep the hero readable on both theme surfaces. */
body.ww-app .nerd-hero{min-height:0;margin:96px 3vw 0;padding:clamp(28px,5vw,64px);border:1px solid var(--app-line);border-radius:28px;background:var(--app-surface);color:var(--app-text)}
body.ww-app .nerd-hero::before{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--app-accent) 12%,transparent),transparent 65%);opacity:1;filter:none;pointer-events:none}
body.ww-app .nerd-hero::after{display:none}
body.ww-app .nerd-hero .hero-grid{align-items:center;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(24px,4vw,64px)}
body.ww-app .nerd-hero .hero-title{font-size:clamp(44px,6.5vw,88px);font-weight:700;line-height:1;letter-spacing:-.045em;color:var(--app-text)}
body.ww-app .nerd-hero .hero-title span{background:none;-webkit-text-fill-color:var(--app-accent);color:var(--app-accent)}
body.ww-app .nerd-hero .hero-copy{color:var(--app-muted);font-size:clamp(16px,1.5vw,19px);line-height:1.65;max-width:56ch}
body.ww-app .nerd-hero .eyebrow{color:var(--app-accent);letter-spacing:.18em;font-weight:650}
body.ww-app .nerd-hero .signal-card{border-radius:20px;background:var(--app-bg);backdrop-filter:none}
body.ww-app .nerd-hero .signal-card h2{font-weight:650;color:var(--app-text)}
body.ww-app .nerd-hero .signal-list a{border-radius:10px;letter-spacing:.07em;align-items:center;min-height:44px}
body.ww-app .nerd-hero .signal-list span:last-child{color:var(--app-accent)}
body.ww-app .nerd-hero .btn-main{background:var(--app-accent);color:var(--app-bg);border-radius:12px}
body.ww-app .nerd-hero .tiny-link{background:var(--app-bg);color:var(--app-text);border:1px solid var(--app-line);border-radius:12px}
body.ww-app .nerd-hero + .intercept-subnav{margin-top:20px}
@media(max-width:760px){body.ww-app .nerd-hero{margin:88px 16px 0;padding:28px 22px}body.ww-app .nerd-hero .hero-grid{grid-template-columns:1fr}body.ww-app .nerd-hero .hero-actions{flex-wrap:wrap}body.ww-app .nerd-hero .signal-card{padding:20px}}