.rr-body{background:var(--v4-bg,#f4f7fa);color:var(--v4-text,#17324b)}
.rr-page{max-width:1500px;margin:auto;padding:24px 28px 40px;color:var(--v4-text,#17324b);font-family:inherit}
.rr-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.rr-heading h1{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.15;letter-spacing:-.035em;margin:0;font-weight:750}
.rr-heading p{margin:0;color:var(--v4-muted,#536581);font-size:.9rem}
.fr-radar{--rr-ink:#17324b;--rr-muted:#526a7c;--rr-surface:#fff;--rr-line:#d2dee7;background:var(--rr-surface);color:var(--rr-ink);border:1px solid var(--rr-line);border-radius:14px;overflow:hidden;isolation:isolate;font:14px/1.45 ui-sans-serif,system-ui,-apple-system,sans-serif}
:root[data-theme=dark] .fr-radar{--rr-ink:#e4edf5;--rr-muted:#a1b5c6;--rr-surface:#122334;--rr-line:#304354}
.fr-radar *{box-sizing:border-box}
.fr-radar .rr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px}
.rr-kicker{display:block;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.14em;color:var(--rr-muted);margin-bottom:2px}
.rr-time{font-size:21px;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.rr-map-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fr-radar button,.rr-map-actions a{font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;color:var(--rr-ink);background:var(--rr-surface);border:1px solid var(--rr-line);border-radius:6px;min-height:38px;padding:8px 12px;cursor:pointer;text-decoration:none}
.fr-radar button:hover:enabled{background:color-mix(in srgb,var(--rr-ink) 8%,var(--rr-surface))}
.fr-radar button:disabled{opacity:.4;cursor:default}
.fr-radar :focus-visible{outline:3px solid #398acc;outline-offset:3px}
.rr-status{font-size:12px;padding:9px 18px;border-top:1px solid var(--rr-line);color:var(--rr-muted);min-height:36px;background:color-mix(in srgb,var(--rr-ink) 3%,var(--rr-surface))}
.rr-status[data-state=delayed],.rr-status[data-state=unavailable]{color:#8d5409;background:#fff4dd}
.rr-map{height:clamp(400px,calc(100dvh - 310px),800px);background:#dce6eb}
#n24 .rr-map{height:390px}
.rr-map .leaflet-container,.rr-map .leaflet-popup{font-family:inherit}
.fr-radar .leaflet-popup-content-wrapper{background:#fff;color:#17324b}
.fr-radar .leaflet-popup-content{font-size:13px;line-height:1.5}
.fr-radar .leaflet-popup-content a{color:#1768a0!important}
.fr-radar .leaflet-control-attribution{font-size:9px;color:#324b5e}
.fr-radar .leaflet-control-attribution a{color:#1768a0!important}
.rr-image{image-rendering:pixelated}
.rr-controls{display:flex;gap:10px;align-items:center;padding:14px 18px 8px}
.fr-radar .rr-play{background:#194f7d;color:#fff;border-color:#194f7d;min-width:67px}
.rr-scrubber{flex:1;min-width:40px}
.rr-scrubber input{width:100%;margin:5px 0 0;accent-color:#2378bb;height:24px;cursor:pointer}
.rr-ticks{display:flex;justify-content:space-between;font-size:11px;font-variant-numeric:tabular-nums;color:var(--rr-muted)}
.rr-legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:10px 18px;font-size:10px;color:var(--rr-muted)}
.rr-legend strong{font-size:11px;color:var(--rr-ink)}
.rr-legend strong span{font-weight:400}
.rr-legend>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.rr-legend i{display:inline-block;width:22px;height:9px;border-radius:2px}
.rr-no-data{background:repeating-linear-gradient(135deg,#8793a555 0 2px,#8793a514 2px 5px)}
.rr-foot{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:0 18px 11px;font-size:10px;color:var(--rr-muted)}
.rr-credit{padding:10px 18px;border-top:1px solid var(--rr-line);font-size:10px;color:var(--rr-muted)}
.fr-radar .rr-credit a{color:inherit!important;text-decoration:underline}
.rr-explain{max-width:850px;line-height:1.7;color:var(--v4-muted,#536581);font-size:14px;margin-top:20px}
.rr-explain summary{font-weight:700;cursor:pointer;color:var(--v4-text,#17324b)}
.rr-explain a{color:inherit;text-decoration:underline}
#n24 .rr-popup{color:#17324b;min-width:200px}
#n24 .rr-popup .mp-x{display:none}
#n24 .rr-popup .mp-spark{width:230px;height:46px}
#n24 .rr-popup .mp-cap{font-size:10px;color:#526a7c}
@media(max-width:600px){.rr-page{padding:18px 10px 30px}.rr-heading{display:block}.rr-heading p{margin-top:8px}.rr-toolbar{gap:8px!important;padding:12px!important}.rr-time{font-size:18px}.rr-map-actions{gap:4px}.rr-map-actions button,.rr-map-actions a{padding:8px;font-size:11px}.rr-map{height:480px}#n24 .rr-map{height:360px}.rr-controls{gap:6px;padding:12px 10px 6px}.rr-controls button{padding:8px;min-width:35px}.rr-legend{gap:8px;padding:10px}.rr-status{padding:8px 12px}.rr-foot,.rr-credit{padding-left:12px;padding-right:12px}.rr-map-actions a{flex-basis:100%;text-align:right;border:0;min-height:24px}.rr-toolbar>div:first-child{flex-shrink:0}}