/* flood-warnings.css — /flood-warnings: the warnings in force now, and every warning since 2006.

   Reads the v4 theme tokens (--v4-*) under the v4 chrome and falls back to the light palette under
   the classic chrome, which defines none. The EA's own scale carries the colour: severe = deep red,
   warning = red, alert = amber. Every coloured thing reads --fw-tone (fill) and --fw-ink (text,
   darker in light theme so amber is legible), set from data-tone. */

@font-face{font-family:Manrope;src:url('/public/home-v4/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/public/home-v4/manrope-semibold.ttf') format('truetype');font-weight:600 700;font-display:swap}
@font-face{font-family:Manrope;src:url('/public/home-v4/manrope-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/public/home-v4/jetbrains-medium.ttf') format('truetype');font-weight:500 700;font-display:swap}

body{background:var(--v4-bg,#f3f6fb)}

.fw{--fw-bg:var(--v4-bg,#f3f6fb);--fw-panel:var(--v4-panel,#fff);--fw-alt:var(--v4-input,#f3f6fb);--fw-border:var(--v4-border,#d0d9e6);
    --fw-text:var(--v4-text,#123051);--fw-muted:var(--v4-muted,#536581);--fw-faint:var(--v4-faint,#71829c);--fw-accent:var(--v4-accent,#087fda);
    --fw-sea:var(--v4-map-bg,#dfe8f3);--fw-landfill:var(--v4-land,#f8fafd);--fw-coast:var(--v4-coast,#8ea9c8);
    --fw-severe:#8c0d22;--fw-severe-ink:#8c0d22;--fw-warning:var(--v4-high,#c81e2a);--fw-warning-ink:#b0141f;
    --fw-alert:var(--v4-alert,#dc8900);--fw-alert-ink:#8a5200;--fw-quiet:var(--v4-typical,#2e8f5f);--fw-quiet-ink:#1d6b45;
    --fw-unknown:var(--v4-faint,#71829c);--fw-unknown-ink:var(--v4-muted,#536581);
    --fw-tone:var(--fw-unknown);--fw-ink:var(--fw-unknown-ink);
    font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--fw-text);background:var(--fw-bg);
    -webkit-font-smoothing:antialiased;line-height:1.5;font-size:16px}
:root[data-theme=dark] .fw{--fw-severe:#c4003f;--fw-severe-ink:#ff8aa6;--fw-warning-ink:#ff8d93;--fw-alert-ink:#ffc95c;--fw-quiet-ink:#86dcae;--fw-landfill:#16345c}
.fw [data-tone=severe]{--fw-tone:var(--fw-severe);--fw-ink:var(--fw-severe-ink)}
.fw [data-tone=warning]{--fw-tone:var(--fw-warning);--fw-ink:var(--fw-warning-ink)}
.fw [data-tone=alert]{--fw-tone:var(--fw-alert);--fw-ink:var(--fw-alert-ink)}
.fw [data-tone=quiet]{--fw-tone:var(--fw-quiet);--fw-ink:var(--fw-quiet-ink)}
.fw [data-tone=unknown],.fw [data-tone=lifted]{--fw-tone:var(--fw-unknown);--fw-ink:var(--fw-unknown-ink)}

.fw *{box-sizing:border-box}
.fw h1,.fw h2,.fw h3,.fw p,.fw ol,.fw ul,.fw figure{margin:0}
.fw ol,.fw ul{padding:0;list-style:none}
.fw a{color:inherit}
.fw [hidden]{display:none!important}
.fw-ic{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;flex:none}
.fw-wrap{max-width:1180px;margin:0 auto;padding:28px 32px 72px}
.fw a:focus-visible,.fw button:focus-visible,.fw input:focus-visible,.fw select:focus-visible,.fw summary:focus-visible{outline:3px solid var(--fw-accent);outline-offset:3px;border-radius:6px}
.fw b{font-weight:800}

/* ── hero: the situation in words, and on the map ─────────────────────────────────────── */
.fw-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:28px 48px;align-items:stretch;padding:8px 0 34px;margin-bottom:8px;border-bottom:1px solid var(--fw-border)}
.fw-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.fw-hero h1{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:var(--fw-muted);letter-spacing:0}
.fw-live{width:10px;height:10px;border-radius:50%;background:var(--fw-tone);flex:none;box-shadow:0 0 0 0 var(--fw-tone)}
.fw-hero[data-tone=severe] .fw-live,.fw-hero[data-tone=warning] .fw-live,.fw-hero[data-tone=alert] .fw-live{animation:fw-breathe 2.4s ease-out infinite}
.fw-headline{font-size:clamp(30px,4vw,50px);line-height:1.04;letter-spacing:-1.2px;font-weight:800;margin:14px 0 14px;text-wrap:balance;color:var(--fw-text)}
.fw-hero[data-tone=severe] .fw-headline,.fw-hero[data-tone=warning] .fw-headline,.fw-hero[data-tone=alert] .fw-headline{color:var(--fw-ink)}
.fw-lede{font-size:17px;color:var(--fw-muted);max-width:56ch;line-height:1.55}
.fw-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 18px;max-width:600px}
.fw-tiers li{display:flex;flex-direction:column;gap:2px;padding:12px 14px 13px;border-radius:14px;background:var(--fw-panel);border:1px solid var(--fw-border);border-top:4px solid var(--fw-border)}
.fw-tiers li[data-on="1"]{border-top-color:var(--fw-tone);background:color-mix(in srgb,var(--fw-tone) 7%,var(--fw-panel))}
.fw-tiers b{font:700 28px/1.1 'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--fw-faint)}
.fw-tiers li[data-on="1"] b{color:var(--fw-ink)}
.fw-tiers span{font-size:14px;font-weight:700;line-height:1.3}
.fw-tiers small{display:block;font-size:12px;font-weight:400;color:var(--fw-muted);margin-top:3px}
.fw-stamp{font-size:13.5px;color:var(--fw-muted)}
.fw-stamp b{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:600;color:var(--fw-text)}
.fw .fw-btn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:11px 16px;border:0;border-radius:11px;background:var(--fw-accent);color:var(--v4-accent-text,#fff)!important;font:800 14.5px/1.2 inherit;font-family:inherit;text-decoration:none;cursor:pointer}
.fw .fw-btn:hover{filter:brightness(1.07);background:var(--fw-accent)}
.fw .fw-changed .fw-btn,.fw .fw-changed .fw-btn:hover{background:var(--fw-text);color:var(--fw-bg)!important}

/* the maps: the homepage coastline, the sea behind, warnings drawn at their real outline */
.fw-map{position:relative}
.fw-map svg{display:block;width:100%;height:auto;aspect-ratio:510/640;overflow:hidden;border-radius:20px;border:1px solid var(--fw-border)}
.fw-hero .fw-map{max-width:470px;justify-self:end;width:100%}
.fw-sea{fill:var(--fw-sea)}
.fw-land{fill:var(--fw-landfill);stroke:var(--fw-coast);stroke-width:1.1;stroke-linejoin:round}
.fw-outline{fill:color-mix(in srgb,var(--fw-tone) 34%,transparent);stroke:var(--fw-tone);stroke-width:1.2;stroke-linejoin:round}
.fw-mark{cursor:pointer}
.fw-dot{fill:var(--fw-tone);stroke:var(--fw-panel);stroke-width:1.8;transition:r .15s}
.fw-mark:hover .fw-dot,.fw-mark:focus-visible .fw-dot{r:7.5}
.fw-mark:focus-visible{outline:none}
.fw-pulse{fill:none;stroke:var(--fw-tone);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:fw-ring 2.6s ease-out infinite}
.fw-map figcaption{margin-top:10px;font-size:13px;color:var(--fw-muted)}
@keyframes fw-ring{0%{transform:scale(.8);opacity:.9}100%{transform:scale(3.4);opacity:0}}
@keyframes fw-breathe{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--fw-tone) 60%,transparent)}70%,100%{box-shadow:0 0 0 9px transparent}}

/* ── tabs ─────────────────────────────────────────────────────────────────────────────── */
.fw-tabs{display:flex;gap:6px;padding:5px;border-radius:16px;background:var(--fw-panel);border:1px solid var(--fw-border);width:max-content;max-width:100%;box-shadow:0 6px 20px color-mix(in srgb,var(--fw-text) 7%,transparent)}
.fw-intro>.fw-tabs{margin-top:30px}
.fw-panel{padding-top:26px}
.fw-tabs a{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:800;font-size:15px;text-decoration:none;color:var(--fw-muted);white-space:nowrap}
.fw-tabs a:hover{color:var(--fw-text);background:var(--fw-alt)}
.fw-tabs a[aria-current]{background:var(--fw-text);color:var(--fw-bg)}
.fw-count{display:inline-block;min-width:1.6em;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font:600 12.5px/1.5 'JetBrains Mono',ui-monospace,monospace;text-align:center;font-variant-numeric:tabular-nums}

/* ── now: groups of cards ─────────────────────────────────────────────────────────────── */
.fw-note{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;border-radius:12px;border:1px dashed var(--fw-border);background:var(--fw-panel);color:var(--fw-muted);font-size:14.5px;margin-bottom:22px}
.fw-group{margin-bottom:34px}
.fw-group>h2,.fw-lifted>h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:22px;font-weight:800;letter-spacing:-.3px;margin-bottom:14px}
.fw-group>h2 small,.fw-lifted>h2 small{flex-basis:100%;font-size:14px;font-weight:600;color:var(--fw-ink);letter-spacing:0}
.fw-lifted>h2 small{color:var(--fw-muted);font-weight:400}
.fw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,470px),1fr));gap:14px}
.fw-card{background:var(--fw-panel);border:1px solid var(--fw-border);border-left:5px solid var(--fw-tone);border-radius:16px;padding:18px 20px 16px;display:flex;flex-direction:column;gap:10px;scroll-margin-top:90px}
.fw-card:target{box-shadow:0 0 0 3px color-mix(in srgb,var(--fw-tone) 45%,transparent)}
.fw-card-sev{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.fw-sev{display:inline-flex;align-items:center;padding:2px 9px;border-radius:7px;font-size:12px;font-weight:800;background:color-mix(in srgb,var(--fw-tone) 14%,var(--fw-panel));color:var(--fw-ink);white-space:nowrap}
.fw-sev[data-tone=severe]{background:var(--fw-severe);color:#fff}
.fw-tidal{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:999px;border:0;background:var(--fw-tidal,#1f78d1);color:#fff;font-size:11.5px;font-weight:700;cursor:help;vertical-align:1px;white-space:nowrap}
:root[data-theme=dark] .fw{--fw-tidal:#2a86e0}
.fw-card h3{font-size:18px;line-height:1.3;font-weight:800;letter-spacing:-.2px}
.fw-card h3 a{text-decoration:none}
.fw-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.fw-where{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:4px;font-size:13.5px;color:var(--fw-muted)}
.fw-times{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:13px;color:var(--fw-faint);font-variant-numeric:tabular-nums}
.fw-msg{font-size:15px;line-height:1.6}
.fw-more summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--fw-accent);list-style:none;display:inline-flex;align-items:center;gap:6px}
.fw-more summary::-webkit-details-marker{display:none}
.fw-more summary::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.fw-more[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.fw-more p{font-size:14.5px;line-height:1.6;color:var(--fw-muted);margin-top:8px}
.fw-gauges{border-top:1px solid var(--fw-border);padding-top:11px}
.fw-gauges>p{font-size:12.5px;font-weight:700;color:var(--fw-faint);margin-bottom:8px}
.fw-gauges>div{display:flex;flex-wrap:wrap;gap:8px}
.fw-gauge{--fw-g:var(--fw-faint);--fw-g-ink:var(--fw-muted);display:flex;flex-direction:column;gap:1px;padding:8px 12px;border-radius:11px;text-decoration:none;font-size:13px;min-width:0;max-width:100%;
    border:1px solid color-mix(in srgb,var(--fw-g) 38%,var(--fw-border));background:color-mix(in srgb,var(--fw-g) 9%,var(--fw-panel))}
/* the gauge's own colour, faintly: the v4 map's words (fwGaugeTone) and its tokens */
.fw-gauge[data-level=typical]{--fw-g:var(--v4-typical,#2e8f5f);--fw-g-ink:var(--fw-quiet-ink)}
.fw-gauge[data-level=elevated]{--fw-g:var(--v4-elevated,#cf8f00);--fw-g-ink:var(--fw-alert-ink)}
.fw-gauge[data-level=above]{--fw-g:var(--v4-above,#e2670c);--fw-g-ink:#a84300}
.fw-gauge[data-level=high]{--fw-g:var(--v4-high,#c81e2a);--fw-g-ink:var(--fw-warning-ink)}
.fw-gauge[data-level=low]{--fw-g:var(--v4-low,#7d95b3);--fw-g-ink:var(--fw-muted)}
:root[data-theme=dark] .fw-gauge[data-level=above]{--fw-g-ink:#ffae73}
.fw-gauge:hover{border-color:var(--fw-g)}
.fw-gauge[data-level=unknown]:hover{border-color:var(--fw-accent)}
.fw-gauge b{font-size:13.5px}
.fw-gauge-read{color:var(--fw-g-ink)}
.fw-gauge[data-level=above] .fw-gauge-read,.fw-gauge[data-level=high] .fw-gauge-read{font-weight:700}
.fw-speed{font-style:normal;font-weight:700;color:var(--fw-accent);white-space:nowrap}
.fw-speed span{font-size:12px;letter-spacing:-1px;vertical-align:0}
.fw-gauge small{color:var(--fw-faint);font-size:12px}
.fw-card-foot{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:auto;padding-top:4px;font-size:13.5px;font-weight:700}
.fw-card-foot a{display:inline-flex;align-items:center;gap:6px;color:var(--fw-accent);text-decoration:none}
.fw-card-foot a:hover{text-decoration:underline;text-underline-offset:3px}
.fw-card-foot .fw-ic{width:15px;height:15px}

.fw-empty{padding:30px 28px;border-radius:18px;border:1px solid color-mix(in srgb,var(--fw-tone) 35%,var(--fw-border));background:color-mix(in srgb,var(--fw-tone) 7%,var(--fw-panel));margin-bottom:28px}
.fw-empty h2{font-size:22px;font-weight:800;color:var(--fw-ink);margin-bottom:6px}
.fw-empty p{color:var(--fw-muted);max-width:62ch}
.fw-empty p+p{margin-top:10px}
.fw-empty a{color:var(--fw-accent);font-weight:700}

.fw-lifted{margin-bottom:34px}
.fw-lifted ul{display:flex;flex-wrap:wrap;gap:10px}
.fw-lifted li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:11px 14px;background:var(--fw-panel);border:1px solid var(--fw-border);border-radius:12px;font-size:14px;flex:0 1 360px;min-width:0}
.fw-lifted li>a,.fw-lifted li>span:first-child{font-weight:700;text-decoration:none;color:var(--fw-muted)}
.fw-lifted li>a:hover{color:var(--fw-text);text-decoration:underline}
.fw-lifted small{flex-basis:100%;color:var(--fw-faint);font-size:12.5px}

/* ── history ──────────────────────────────────────────────────────────────────────────── */
.fw-hist-head h2{font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.6px;line-height:1.15;text-wrap:balance}
.fw-summary{margin-top:10px;font-size:16.5px;color:var(--fw-muted);max-width:72ch;line-height:1.6}
.fw-summary b{color:var(--fw-text);font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:600;font-size:.95em}
.fw-filters{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end;margin:22px 0 10px;padding:14px;border-radius:16px;background:var(--fw-panel);border:1px solid var(--fw-border)}
.fw-filters label{display:flex;flex-direction:column;gap:5px;min-width:0}
.fw-filters label>span{font-size:12.5px;font-weight:700;color:var(--fw-muted)}
.fw-filters input,.fw-filters select{width:100%;min-width:0;height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--fw-border);background:var(--fw-alt);color:var(--fw-text);font:inherit;font-size:15px}
.fw .fw-filters .fw-btn{margin:0;height:44px;justify-content:center}
.fw-active{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}
.fw-active a{display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 12px;border-radius:999px;background:var(--fw-text);color:var(--fw-bg);font-size:13px;font-weight:700;text-decoration:none}
.fw-active a .fw-ic{width:13px;height:13px}
.fw-active a.fw-clear{background:none;color:var(--fw-accent);padding:5px 6px}

/* the year chart — the page's one big picture */
.fw .fw-years{margin:20px 0 24px;padding:22px 22px 14px;border-radius:20px;background:var(--fw-panel);border:1px solid var(--fw-border)}
.fw-years figcaption,.fw-map-hist figcaption,.fw-months figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:6px}
.fw-years h3,.fw-hist-grid h3,.fw-list h3{font-size:17px;font-weight:800}
.fw-years figcaption p,.fw-map-hist figcaption p{font-size:13.5px;color:var(--fw-muted)}
.fw-key{margin-left:auto;display:inline-flex;align-items:center;gap:6px 12px;flex-wrap:wrap;font-size:12.5px;color:var(--fw-muted)}
.fw-key i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--fw-tone);margin-right:-6px}
.fw-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:clamp(3px,.7vw,9px);height:300px;padding-top:44px;
    background:linear-gradient(var(--fw-border),var(--fw-border)) 0 calc(100% - 26px)/100% 1px no-repeat}
.fw-bar{display:grid;grid-template-rows:minmax(0,1fr) 26px;min-width:0;text-decoration:none;position:relative}
.fw-bar-col{align-self:end;position:relative;display:flex;flex-direction:column;min-height:2px;border-radius:6px 6px 2px 2px;transition:filter .15s}
.fw-bar-col i{display:block;background:var(--fw-tone);flex:none}
.fw-bar-col i:first-of-type{border-radius:6px 6px 0 0}
.fw-bar-col i:last-of-type{border-radius:0 0 2px 2px}
.fw-bar-col i[style="height:0%"]{display:none}
.fw-bar[data-partial] .fw-bar-col i{opacity:.55;background-image:repeating-linear-gradient(135deg,transparent 0 4px,color-mix(in srgb,var(--fw-panel) 45%,transparent) 4px 7px)}
.fw-bar-n{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);font:600 11.5px/1.2 'JetBrains Mono',ui-monospace,monospace;color:var(--fw-text);white-space:nowrap;text-align:center;opacity:0;transition:opacity .12s;pointer-events:none}
.fw-bar-n em{display:block;font:700 11px/1.2 Manrope,sans-serif;font-style:normal;color:var(--fw-muted)}
.fw-bar[data-record] .fw-bar-n,.fw-bar[aria-current] .fw-bar-n,.fw-bar:hover .fw-bar-n,.fw-bar:focus-visible .fw-bar-n{opacity:1}
.fw-bar:hover .fw-bar-col,.fw-bar:focus-visible .fw-bar-col{filter:brightness(1.12) saturate(1.1)}
.fw-bar[aria-current] .fw-bar-col{box-shadow:0 0 0 3px var(--fw-panel),0 0 0 5px var(--fw-text)}
.fw-bar-y{height:26px;display:flex;align-items:flex-end;justify-content:center;font:600 11.5px/1 'JetBrains Mono',ui-monospace,monospace;color:var(--fw-faint);font-variant-numeric:tabular-nums}
.fw-bar[aria-current] .fw-bar-y{color:var(--fw-text)}
.fw-y-short{display:none}

.fw-hist-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-bottom:34px}
.fw-map-hist,.fw-months,.fw-top{padding:20px 20px 18px;border-radius:20px;background:var(--fw-panel);border:1px solid var(--fw-border)}
.fw-map-hist svg{border-radius:14px}
.fw-map-hist figcaption p{flex-basis:100%}
.fw-bins circle{fill:color-mix(in srgb,var(--fw-warning) 58%,transparent);stroke:color-mix(in srgb,var(--fw-warning) 80%,var(--fw-panel));stroke-width:.6}
.fw-bins circle:hover{fill:var(--fw-warning)}
.fw-side{display:flex;flex-direction:column;gap:22px;min-width:0}
.fw-mbars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;height:150px;margin-top:10px}
.fw-mbar{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
.fw-mbar i{display:block;align-self:end;background:color-mix(in srgb,var(--fw-accent) 55%,var(--fw-panel));border-radius:5px 5px 1px 1px;min-height:2px}
.fw-mbar[data-peak] i{background:var(--fw-accent)}
.fw-mbar b{display:block;margin-top:6px;text-align:center;font-size:11.5px;font-weight:700;color:var(--fw-faint)}
.fw-mbar[data-peak] b{color:var(--fw-text)}
.fw-top h3{margin-bottom:10px}
.fw-top ol{display:flex;flex-direction:column;gap:4px;counter-reset:fwtop}
.fw-top li a{position:relative;display:flex;align-items:baseline;gap:12px;padding:8px 10px;border-radius:9px;text-decoration:none;font-size:14px;overflow:hidden;isolation:isolate}
.fw-top li a i{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--fw-warning) 10%,transparent);z-index:-1;border-radius:9px}
.fw-top li a:hover{background:var(--fw-alt)}
.fw-top-name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fw-top-n{font:600 13px 'JetBrains Mono',ui-monospace,monospace;color:var(--fw-muted);font-variant-numeric:tabular-nums}
.fw-top p a{display:inline-flex;gap:8px;align-items:center;color:var(--fw-accent);font-weight:700;text-decoration:none}

.fw-list h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:12px}
.fw-list h3 small{font-size:13.5px;font-weight:600;color:var(--fw-muted);font-variant-numeric:tabular-nums}
.fw-rows{border:1px solid var(--fw-border);border-radius:16px;overflow:hidden;background:var(--fw-panel)}
.fw-row{display:grid;grid-template-columns:118px 118px minmax(0,1fr) auto;gap:6px 16px;align-items:baseline;padding:12px 18px;border-top:1px solid var(--fw-border);font-size:14.5px}
.fw-row:first-child{border-top:0}
.fw-row time{font-size:13px;color:var(--fw-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.fw-row .fw-sev{justify-self:start}
.fw-row-main{min-width:0}
.fw-row-main>a,.fw-row-main>span:first-child{font-weight:700;text-decoration:none}
.fw-row-main>a:hover{text-decoration:underline;text-underline-offset:3px}
.fw-row-main small{display:flex;flex-wrap:wrap;gap:0 12px;font-size:12.5px;color:var(--fw-faint);margin-top:1px}
.fw-row-main .fw-more{margin-top:4px}
.fw .fw-row-area{font-size:13px;font-weight:700;color:var(--fw-accent);text-decoration:none;white-space:nowrap}
.fw-row-area:hover{text-decoration:underline}
.fw-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:14px;color:var(--fw-muted)}
.fw-pager a{padding:9px 16px;border-radius:10px;border:1px solid var(--fw-border);background:var(--fw-panel);font-weight:700;text-decoration:none;color:var(--fw-text)}
.fw-pager a:hover{border-color:var(--fw-accent)}

/* ── explainer ────────────────────────────────────────────────────────────────────────── */
.fw-explain{margin-top:48px;padding-top:34px;border-top:1px solid var(--fw-border)}
.fw-explain>h2{font-size:22px;font-weight:800;letter-spacing:-.3px;margin-bottom:16px}
.fw-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fw-levels>div{padding:18px 18px 16px;border-radius:16px;background:var(--fw-panel);border:1px solid var(--fw-border);border-top:4px solid var(--fw-tone)}
.fw-levels h3{font-size:16px;font-weight:800;color:var(--fw-ink);margin-bottom:6px}
.fw-levels p{font-size:14.5px;color:var(--fw-muted);line-height:1.55}
.fw-levels p b{color:var(--fw-text);font-weight:700}
.fw-about{margin-top:24px;max-width:78ch;font-size:14.5px;color:var(--fw-muted);line-height:1.65}
.fw-about p+p{margin-top:10px}
.fw-about b{color:var(--fw-text)}
.fw-about a{color:var(--fw-accent)}
.fw-attr{font-size:13px;color:var(--fw-faint)}

/* ── narrower screens ─────────────────────────────────────────────────────────────────── */
@media (max-width:980px){
    .fw-hero{grid-template-columns:1fr}
    .fw-map:not(.fw-map-hist){max-width:520px}
    .fw-hist-grid{grid-template-columns:1fr}
    .fw-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
    .fw-filters .fw-f-q{grid-column:1/-1}
    .fw-filters .fw-btn{grid-column:1/-1}
    .fw-row{grid-template-columns:118px minmax(0,1fr);}
    .fw-row .fw-sev{grid-column:2;grid-row:1}
    .fw-row time{grid-row:1}
    .fw-row-main{grid-column:1/-1}
    .fw-row-area{grid-column:1/-1}
}
@media (max-width:640px){
    .fw-wrap{padding:18px 16px 56px}
    .fw-headline{letter-spacing:-.8px}
    .fw-lede{font-size:16px}
    .fw-tiers{gap:6px}
    .fw-tiers li{padding:10px 10px 11px}
    .fw-tiers b{font-size:22px}
    .fw-tiers small{display:none}
    .fw-tabs{width:100%}
    .fw-tabs a{flex:1;justify-content:center;padding:10px 8px;font-size:14px}
    .fw-tabs .fw-ic{display:none}
    .fw-card{padding:16px 16px 14px}
    .fw-filters{grid-template-columns:1fr 1fr}
    .fw-filters label:nth-of-type(4){grid-column:1/-1}
    .fw-years{padding:18px 12px 10px}
    .fw-key{margin-left:0}
    .fw-bars{height:230px;padding-top:40px;column-gap:4px}
    .fw-y-full{display:none}
    .fw-y-short{display:inline}
    .fw-bar:nth-child(odd):not([aria-current]) .fw-bar-y{visibility:hidden}
    .fw-bar-n{font-size:10.5px}
    .fw-levels{grid-template-columns:1fr}
    .fw-mbar b{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
    .fw-pulse{display:none}
    .fw-live{animation:none!important}
    .fw-dot,.fw-bar-col,.fw-bar-n{transition:none}
}
.fw .fw-map-hist figcaption{margin:0 0 12px;font-size:inherit;color:var(--fw-text)}
