
.mw-body{--navy:#001a32;--navy2:#022341;--panel:#05223e;--panel2:#042e56;--line:#123d65;--teal:#1cbce0;--teal2:#2bd2f8;--light:#e3f8fd;--muted:#8fb1c7;--good:#2bd2f8;--warn:#ffc65c;--bad:#ff6b6b;--wave:#5aa9ff;--sun:#ffcb7a;background:radial-gradient(1200px 600px at 85% -10%,#02325f 0,transparent 60%),radial-gradient(900px 500px at -10% 10%,#01274a 0,transparent 55%),var(--navy);color:var(--light)}
.mw-body header{border-bottom:1px solid var(--line)}
.mw-head-tag{font-size:11px;letter-spacing:.2em;color:var(--teal2);border:1px solid #104372;border-radius:999px;padding:6px 12px}
.mw-skip{position:absolute;left:-9999px}.mw-skip:focus{left:12px;top:12px;z-index:9999;background:var(--teal2);color:var(--navy);padding:8px 12px;border-radius:8px}
.mw-shell{max-width:1320px;margin:0 auto;padding:22px 24px 40px}
.mw-label{margin:0;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--teal);text-transform:uppercase}
.mw-card{background:linear-gradient(160deg,rgba(6,47,86,.92),rgba(2,28,53,.94));border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 1px 0 rgba(43,210,248,.08) inset,0 18px 40px -24px rgba(0,0,0,.7);min-width:0;position:relative}
.mw-card h2{font-size:20px;margin:4px 0 12px;letter-spacing:-.01em}
.mw-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin:6px 0 16px}
.mw-kicker{display:flex;align-items:center;gap:10px;margin:0;color:var(--teal);font-size:12px;letter-spacing:.18em;font-weight:700}
.mw-ping{width:10px;height:10px;border-radius:50%;background:var(--teal2);box-shadow:0 0 0 0 rgba(43,210,248,.6);animation:mwPing 2.4s infinite}
@keyframes mwPing{0%{box-shadow:0 0 0 0 rgba(43,210,248,.55)}80%,100%{box-shadow:0 0 0 12px rgba(43,210,248,0)}}
.mw-intro h1{font-size:clamp(30px,4.4vw,48px);margin:6px 0 6px;letter-spacing:-.035em;line-height:1.05}.mw-intro h1 span{color:var(--teal2);text-shadow:0 0 28px rgba(43,210,248,.35)}
.mw-lead{margin:0;max-width:640px;color:var(--muted);font-size:16px}
.mw-intro-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mw-btn{background:var(--teal2);color:var(--navy);border:0;border-radius:999px;padding:10px 16px;font-weight:700;font-size:14px}.mw-btn:hover{background:var(--teal)}
.mw-btn-ghost{background:transparent;color:var(--light);border:1px solid #1c4f7e}.mw-btn-ghost:hover{background:#062f56;border-color:var(--teal)}
.mw-units{display:inline-flex;border:1px solid #1c4f7e;border-radius:999px;overflow:hidden}.mw-units button{border:0;border-radius:0;background:transparent;padding:9px 12px;font-size:13px;color:var(--muted)}.mw-units button[aria-pressed=true]{background:#08335b;color:var(--teal2)}
.mw-spots-wrap{position:relative;margin:0 -24px;padding:0 24px}
.mw-spots{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin;scroll-snap-type:x proximity}
.mw-spot{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:118px;text-align:left;background:rgba(5,34,62,.85);border:1px solid var(--line);border-radius:14px;padding:9px 12px;font-size:14px;color:var(--light)}
.mw-spot small{font-size:11px;color:var(--muted)}.mw-spot b{font-weight:650}
.mw-spot .mw-spot-v{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.mw-spot[aria-selected=true]{border-color:var(--teal2);background:linear-gradient(160deg,#043664,#032443);box-shadow:0 0 0 1px rgba(43,210,248,.35) inset}
.mw-spot.mw-spot-custom{border-style:dashed}
.mw-status{min-height:22px;margin:2px 0 12px;font-size:13px;color:var(--muted)}.mw-status[data-kind=error]{color:var(--warn)}
.mw-grid-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:16px}
.mw-now{overflow:hidden}
.mw-now::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 260px at 18% 40%,rgba(43,210,248,.10),transparent 70%);pointer-events:none}
.mw-now-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mw-now-head h2{font-size:clamp(24px,3vw,32px);margin:2px 0 0}
.mw-coords{margin:2px 0 0;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.mw-pill{flex:0 0 auto;border-radius:999px;padding:8px 14px;font-weight:800;font-size:13px;letter-spacing:.02em;border:1px solid #1c4f7e;color:var(--muted)}
[data-level="0"].mw-pill{background:rgba(43,210,248,.14);color:var(--good);border-color:rgba(43,210,248,.5)}
[data-level="1"].mw-pill{background:rgba(255,198,92,.13);color:var(--warn);border-color:rgba(255,198,92,.5)}
[data-level="2"].mw-pill{background:rgba(255,107,107,.14);color:var(--bad);border-color:rgba(255,107,107,.55)}
.mw-now-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:center;margin:14px 0 6px}
.mw-compass-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.mw-compass{width:220px;height:220px;max-width:100%}
.mw-compass .mw-needle{transition:transform 1.1s cubic-bezier(.2,.8,.2,1);transform-origin:100px 100px}
.mw-compass-legend{list-style:none;margin:0;padding:0;display:flex;gap:12px;font-size:11px;color:var(--muted)}.mw-compass-legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.k-wind{background:var(--teal2)}.k-wave{background:var(--wave)}
.mw-now-main{display:grid;gap:14px}
.mw-big{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"l l" "v c" "s s";align-items:end;gap:2px 12px;padding:14px 16px;border-radius:14px;background:rgba(0,26,50,.55);border:1px solid #0f375c}
.mw-big .mw-label{grid-area:l}.mw-big strong{grid-area:v;font-size:clamp(34px,4.6vw,52px);line-height:1;font-weight:750;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.mw-big strong em{font-style:normal;font-size:.42em;font-weight:600;color:var(--muted);margin-left:4px;letter-spacing:0}
.mw-big small{grid-area:s;color:var(--muted);font-size:13px}.mw-big .mw-chip{grid-area:c;justify-self:start;align-self:center}
.mw-chip{display:inline-block;font-size:12px;border-radius:999px;padding:5px 10px;background:#062f56;color:var(--teal2);border:1px solid #104372}
.mw-now-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.mw-now-stats>div{padding:12px 14px;border-radius:12px;background:rgba(0,26,50,.45);border:1px solid #0f375c;display:flex;flex-direction:column;gap:2px;min-width:0}
.mw-now-stats span{font-size:12px;color:var(--muted)}.mw-now-stats strong{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.mw-now-stats small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mw-side{display:grid;gap:16px;align-content:start}
.mw-verdict-main{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;border:1px solid #174169;background:rgba(0,26,50,.5);margin:6px 0 10px}
.mw-verdict-main strong{font-size:26px;letter-spacing:-.02em}
.mw-verdict-dot{width:22px;height:22px;border-radius:50%;background:#2e5273;flex:0 0 auto;position:relative}
.mw-verdict-main[data-level="0"]{border-color:rgba(43,210,248,.55);background:linear-gradient(120deg,rgba(43,210,248,.16),rgba(0,26,50,.4))}.mw-verdict-main[data-level="0"] .mw-verdict-dot{background:var(--good);box-shadow:0 0 18px var(--good)}.mw-verdict-main[data-level="0"] strong{color:var(--good)}
.mw-verdict-main[data-level="1"]{border-color:rgba(255,198,92,.55);background:linear-gradient(120deg,rgba(255,198,92,.14),rgba(0,26,50,.4))}.mw-verdict-main[data-level="1"] .mw-verdict-dot{background:var(--warn);box-shadow:0 0 18px var(--warn)}.mw-verdict-main[data-level="1"] strong{color:var(--warn)}
.mw-verdict-main[data-level="2"]{border-color:rgba(255,107,107,.6);background:linear-gradient(120deg,rgba(255,107,107,.16),rgba(0,26,50,.4))}.mw-verdict-main[data-level="2"] .mw-verdict-dot{background:var(--bad);box-shadow:0 0 18px var(--bad)}.mw-verdict-main[data-level="2"] strong{color:var(--bad)}
.mw-verdict-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid currentColor;opacity:0}
.mw-reasons{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px;font-size:14px}
.mw-reasons li{display:flex;gap:8px;align-items:baseline;color:#cceaf1}.mw-reasons li::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;background:var(--c,#2e5273);transform:translateY(-1px)}
.mw-reasons li[data-level="0"]{--c:var(--good)}.mw-reasons li[data-level="1"]{--c:var(--warn)}.mw-reasons li[data-level="2"]{--c:var(--bad)}
.mw-best{border-top:1px solid var(--line);padding-top:12px}.mw-best-list{display:grid;gap:8px;margin-top:8px}
.mw-best-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(43,210,248,.08);border:1px solid rgba(43,210,248,.3);font-size:14px;color:var(--light);text-align:left;width:100%}
.mw-best-item b{color:var(--good)}.mw-best-item[data-level="1"]{background:rgba(255,198,92,.07);border-color:rgba(255,198,92,.3)}.mw-best-item[data-level="1"] b{color:var(--warn)}
.mw-best-item small{color:var(--muted)}.mw-best-empty{font-size:14px;color:var(--muted);margin:0}
.mw-thresholds{margin-top:12px;border-top:1px solid var(--line);padding-top:10px;font-size:14px}.mw-thresholds summary{cursor:pointer;color:var(--teal2);font-weight:600}
.mw-thresholds table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.mw-thresholds th,.mw-thresholds td{text-align:left;padding:6px 4px;border-bottom:1px solid #11385c;vertical-align:top}.mw-thresholds td small{color:var(--muted)}
.mw-thresholds p{color:#bedee6;line-height:1.55;margin:8px 0}.mw-warn{padding:10px 12px;border-radius:10px;background:rgba(255,198,92,.08);border:1px solid rgba(255,198,92,.3)}
.mw-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#2e5273}.mw-dot[data-level="0"]{background:var(--good)}.mw-dot[data-level="1"]{background:var(--warn)}.mw-dot[data-level="2"]{background:var(--bad)}
.mw-body a{color:var(--teal2)}
.mw-timeline{margin-top:16px}
.mw-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.mw-tabs{display:flex;gap:6px;flex-wrap:wrap}.mw-tabs button{border-radius:999px;padding:8px 14px;font-size:13px;background:#032544;border:1px solid #174169;color:var(--muted)}.mw-tabs button[aria-selected=true]{background:#08335b;color:var(--teal2);border-color:var(--teal)}
.mw-chart-box{position:relative;margin:6px 0 4px}
.mw-chart{width:100%;height:260px;display:block;cursor:crosshair;touch-action:pan-y}
.mw-chart text{font:11px system-ui,sans-serif;fill:#8baec4}
.mw-chart-tip{position:absolute;top:6px;pointer-events:none;background:rgba(0,22,42,.94);border:1px solid #1b4d7c;border-radius:10px;padding:6px 10px;font-size:12px;white-space:nowrap;transform:translateX(-50%);color:var(--light);box-shadow:0 8px 20px rgba(0,0,0,.4)}
.mw-slider-label{display:flex;gap:6px;font-size:13px;color:var(--muted);margin-top:4px}.mw-slider-label strong{color:var(--light)}
.mw-slider{width:100%;margin:8px 0 12px;accent-color:var(--teal2);min-height:28px;background:transparent;border:0;padding:0}
.mw-hours{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.mw-hour{flex:0 0 66px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:12px;background:rgba(0,26,50,.5);border:1px solid #0f375c;font-size:12px;color:var(--light)}
.mw-hour .mw-h-t{color:var(--muted);font-size:11px}.mw-hour .mw-h-w{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.mw-hour .mw-h-wv{color:#9cc8ff;font-variant-numeric:tabular-nums}
.mw-hour svg{width:28px;height:28px}.mw-hour .mw-h-arrow{width:16px;height:16px}
.mw-hour[aria-current=true]{border-color:var(--teal2);background:#063057;box-shadow:0 0 0 1px rgba(43,210,248,.4) inset}
.mw-hour .mw-h-lvl{width:100%;height:4px;border-radius:2px;background:#2e5273}.mw-hour .mw-h-lvl[data-level="0"]{background:var(--good)}.mw-hour .mw-h-lvl[data-level="1"]{background:var(--warn)}.mw-hour .mw-h-lvl[data-level="2"]{background:var(--bad)}
.mw-hour.mw-night{background:rgba(0,17,32,.7)}
.mw-grid-mid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;margin-top:16px}
.mw-map{height:400px;border-radius:14px;overflow:hidden;border:1px solid #0f375c;background:#031d36}
.mw-map-osm .leaflet-tile-pane,.bsr-tiles-dark .leaflet-tile-pane{filter:invert(1) hue-rotate(190deg) brightness(.82) contrast(.92) saturate(.55)}
.mw-note{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.5}
.mw-marker{width:14px;height:14px;border-radius:50%;background:var(--teal2);border:2px solid #001b35;box-shadow:0 0 0 2px rgba(43,210,248,.35)}
.mw-marker.sel{background:#fff;box-shadow:0 0 0 4px rgba(43,210,248,.6),0 0 18px var(--teal2)}
.mw-marker-pick{width:18px;height:18px;border-radius:50%;background:transparent;border:3px solid #fff;box-shadow:0 0 0 3px rgba(43,210,248,.7),0 0 18px var(--teal2)}
.leaflet-container{font:12px system-ui,sans-serif}.leaflet-tooltip{background:#001a32;color:var(--light);border:1px solid #1b4d7c}
.mw-week-list{display:grid;gap:8px}
.mw-day{display:grid;grid-template-columns:72px 34px minmax(0,1fr) 82px 70px;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(0,26,50,.5);border:1px solid #0f375c;font-size:13px;width:100%;text-align:left;color:var(--light)}
.mw-day b{font-size:14px}.mw-day small{display:block;color:var(--muted);font-size:11px}
.mw-day svg{width:32px;height:32px}
.mw-day .mw-tbar{position:relative;height:6px;border-radius:3px;background:#0c3052}.mw-day .mw-tbar i{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#5aa9ff,#2bd2f8,#ffcb7a)}
.mw-day .mw-trange{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}
.mw-dwave-m{display:none}
.mw-day .mw-dwind,.mw-day .mw-dwave{font-variant-numeric:tabular-nums}.mw-day .mw-dwave{color:#9cc8ff}
.mw-day .mw-dlvl{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;background:#2e5273}.mw-day .mw-dlvl[data-level="0"]{background:var(--good)}.mw-day .mw-dlvl[data-level="1"]{background:var(--warn)}.mw-day .mw-dlvl[data-level="2"]{background:var(--bad)}
.mw-grid-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.mw-dl{display:grid;grid-template-columns:auto auto;gap:8px 12px;margin:8px 0 0;font-size:14px}.mw-dl dt{color:var(--muted)}.mw-dl dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.mw-seabars{display:grid;gap:10px;margin:6px 0 4px}
.mw-seabar{display:grid;grid-template-columns:96px minmax(0,1fr) 52px;align-items:center;gap:8px;font-size:13px}.mw-seabar span{color:var(--muted)}.mw-seabar b{text-align:right;font-variant-numeric:tabular-nums}
.mw-seabar .mw-track{height:10px;border-radius:5px;background:#0c3052;overflow:hidden}.mw-seabar .mw-track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#2f7bd8,#5aa9ff);transition:width .6s ease}
.mw-seabar.sw .mw-track i{background:linear-gradient(90deg,#148098,#2bd2f8)}.mw-seabar.ww .mw-track i{background:linear-gradient(90deg,#8a6bdc,#b79bff)}
.mw-sunarc{width:100%;height:auto;display:block;margin:2px 0 4px}
.mw-beach-main{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:rgba(0,26,50,.5);border:1px solid #0f375c;margin:6px 0}
.mw-beach-main strong{font-size:18px}.mw-beach-main span{font-size:32px;line-height:1}.mw-beach-main small{display:block;color:var(--muted);font-size:12px}
.mw-beach-main[data-level="0"]{border-color:rgba(43,210,248,.5)}.mw-beach-main[data-level="1"]{border-color:rgba(255,198,92,.5)}.mw-beach-main[data-level="2"]{border-color:rgba(255,107,107,.55)}
.mw-grid-bottom{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin-top:16px;align-items:start}
.mw-adcol{display:grid;gap:16px}.mw-adcol .bsr-ad{margin:0 auto}
.mw-scale-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mw-scale-wrap h3{font-size:14px;margin:4px 0 8px;color:var(--muted);font-weight:600}
.mw-scale{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.mw-scale li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;font-size:13px;background:rgba(0,26,50,.35);border:1px solid transparent}
.mw-scale li b{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--sc,#0c3052);color:#001a33;font-size:19px;font-weight:800;line-height:1;letter-spacing:-.04em}
.mw-scale li small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}
.mw-scale li[aria-current=true]{border-color:var(--teal2);background:#063057;box-shadow:0 0 16px -6px var(--teal2)}
.mw-install p{color:#bedee6;font-size:14px;line-height:1.5}.mw-install-actions{display:flex;gap:8px}
.mw-sources{margin-top:16px}.mw-src-list{margin:6px 0 0;padding-left:18px;display:grid;gap:8px;font-size:14px;line-height:1.55;color:#c5e3e9}
.mw-loading .mw-now strong,.mw-loading .mw-now-stats strong{color:transparent;background:linear-gradient(90deg,#0a3155,#11416e,#0a3155);background-size:200% 100%;border-radius:8px;animation:mwShimmer 1.3s linear infinite}
@keyframes mwShimmer{to{background-position:-200% 0}}
.mw-fade{animation:mwFade .45s ease}@keyframes mwFade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (max-width:1100px){.mw-grid-details{grid-template-columns:repeat(2,minmax(0,1fr))}.mw-grid-mid{grid-template-columns:1fr}}
@media (max-width:900px){.mw-grid-top{grid-template-columns:1fr}.mw-grid-bottom{grid-template-columns:1fr}}
@media (max-width:640px){.mw-shell{padding:14px 12px 30px}.mw-spots-wrap{margin:0 -12px;padding:0 12px}.mw-card{padding:16px;border-radius:16px}.mw-intro{align-items:flex-start}.mw-intro-actions{width:100%}.mw-intro-actions .mw-units{margin-left:auto}
 .mw-now-body{grid-template-columns:1fr;gap:12px}.mw-compass{width:180px;height:180px}.mw-now-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mw-grid-details{grid-template-columns:1fr}.mw-chart{height:200px}.mw-map{height:320px}.mw-scale-wrap{grid-template-columns:1fr}
 .mw-day{grid-template-columns:58px 30px minmax(0,1fr) 64px;gap:8px}.mw-day .mw-dwave{display:none}.mw-dwave-m{display:inline;color:#9cc8ff}
 .mw-head-tag{display:none}.mw-big strong{font-size:40px}}
@media (prefers-reduced-motion:reduce){.mw-ping,.mw-loading .mw-now strong,.mw-loading .mw-now-stats strong,.mw-fade{animation:none}.mw-compass .mw-needle,.mw-seabar .mw-track i{transition:none}}
.mw-body>footer{max-width:1320px;margin:0 auto;padding:18px 24px 40px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}
.mw-body>footer .footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
.mw-chip[hidden]{display:none}
/* V5.30 — map tap feedback */
.mw-mapres{margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(0,26,50,.6);border:1px solid #174169;font-size:14px;color:var(--light)}
.mw-mapres[data-level="0"]{border-color:rgba(43,210,248,.5)}.mw-mapres[data-level="1"]{border-color:rgba(255,198,92,.5)}.mw-mapres[data-level="2"]{border-color:rgba(255,107,107,.55)}
.mw-mapres:not([hidden]){animation:mwResIn .25s ease-out}
.mw-mapres-row,.mw-mapres-head{display:flex;align-items:center;gap:12px}
.mw-mapres-row strong,.mw-mapres-head strong{display:block;font-size:14px}
.mw-mapres small{display:block;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.mw-mapres small.mw-mapres-hint{margin-top:4px;color:#cceaf1}
.mw-mapres-ico{font-size:22px;line-height:1}
.mw-mapres .mw-pill{padding:6px 12px}
.mw-mapres-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px 12px;margin:12px 0 0}
.mw-mapres-dl div{background:rgba(5,34,62,.7);border:1px solid #0f375c;border-radius:10px;padding:6px 10px}
.mw-mapres-dl dt{font-size:11px;color:var(--muted)}.mw-mapres-dl dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.mw-mapres-warn{margin:10px 0 0;font-size:13px;color:var(--warn)}
.mw-mapres-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mw-mapres-actions .mw-btn{padding:8px 14px;font-size:13px}
.mw-spin{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:3px solid rgba(43,210,248,.25);border-top-color:var(--teal2);animation:mwSpin .8s linear infinite}
.leaflet-tooltip.mw-pick-tip{background:#001a32;color:var(--light);border:1px solid var(--teal);border-radius:10px;padding:4px 9px;font-weight:700;font-size:12px;box-shadow:0 6px 16px rgba(0,0,0,.45);white-space:nowrap}
.leaflet-tooltip.mw-pick-tip::before{border-top-color:var(--teal)}
.mw-pick-tip-in[data-level="0"]{color:var(--good)}.mw-pick-tip-in[data-level="1"]{color:var(--warn)}.mw-pick-tip-in[data-level="2"]{color:var(--bad)}
.mw-flash{animation:mwFlash 1.6s ease-out}
@keyframes mwSpin{to{transform:rotate(360deg)}}
@keyframes mwResIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes mwFlash{0%,30%{box-shadow:0 0 0 2px var(--teal2),0 0 28px rgba(43,210,248,.45)}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.mw-spin{animation-duration:2.4s}.mw-mapres:not([hidden]){animation:none}}

/* SEO intro (v5.31.0) */
.mw-lead.mw-lead-more{margin-top:10px;font-size:15px;line-height:1.55}
.mw-lead-more a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* v5.36 hourly strip follows the active tab */
.mw-tabs button[aria-selected=true]{background:var(--teal,#23b3d3);color:#00182f;border-color:var(--teal2,#2bd2f8);font-weight:800;box-shadow:0 0 0 2px rgba(43,210,248,.35)}
.mw-readout{margin:10px 0 6px;padding:10px 12px;border-radius:12px;background:#032544;border:1px solid #174169;font-size:15px;line-height:1.45;color:var(--light,#e3f8fd)}
.mw-readout b{color:var(--teal2,#2bd2f8)}
.mw-chart-cap{margin:4px 0 0;font-size:12px;color:var(--muted,#8fb1c7)}
.mw-hour{flex-basis:78px}.mw-hour .mw-h-lab{font-size:10px;color:var(--muted,#8fb1c7);text-transform:uppercase;letter-spacing:.03em}
.mw-hour .mw-h-w{font-size:13px;white-space:nowrap}.mw-hour .mw-h-wv,.mw-hour .mw-h-sub{font-size:11px;white-space:nowrap}.mw-hour .mw-h-sub{color:var(--muted,#8fb1c7)}
@media (max-width:600px){.mw-readout{font-size:14px}.mw-hour{flex-basis:72px}}
/* v5.38 SEO details (moved from hero) */
.mw-seo{margin:22px 0 6px;padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:var(--muted);font-size:15px;line-height:1.55}
.mw-seo summary{cursor:pointer;font-weight:700;color:inherit}.mw-seo p{margin:10px 0 0}.mw-seo a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* v5.40.0 SEO: city links, server-rendered summary, local text + FAQ */
.mw-citynav{margin:4px 0 12px}.mw-citynav ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.mw-citynav a{display:inline-block;padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:inherit;text-decoration:none;font-size:14px;line-height:1.2}
.mw-citynav a[aria-current="page"]{background:rgba(43,210,248,.16);border-color:rgba(43,210,248,.6)}
.ssr-now{margin:0 0 14px}.ssr-now h2{margin:2px 0 8px;font-size:20px}
.ssr-now-verdict{margin:0 0 10px;font-size:16px;line-height:1.45}.ssr-now-verdict strong{padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.08)}
.ssr-now-verdict[data-level="ok"] strong{background:rgba(85,196,221,.22)}.ssr-now-verdict[data-level="warn"] strong{background:rgba(241,211,107,.25)}.ssr-now-verdict[data-level="bad"] strong{background:rgba(255,107,107,.28)}
.ssr-now-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 14px;margin:0 0 10px}.ssr-now-grid div{min-width:0}.ssr-now-grid dt{font-size:12px;opacity:.75;text-transform:uppercase;letter-spacing:.04em}.ssr-now-grid dd{margin:2px 0 0;font-weight:700}
.ssr-now-line{margin:6px 0;line-height:1.5}.ssr-now-meta{margin:8px 0 0;font-size:12.5px;opacity:.7}
.mw-crumbs{margin:0 0 6px;font-size:13px;opacity:.8}.mw-crumbs a{color:inherit}
.mw-local{margin:22px 0 6px;line-height:1.6}.mw-local h2{margin:14px 0 8px}.mw-local p{margin:8px 0}.mw-local a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.mw-faq details{border-top:1px solid var(--line);padding:10px 0}.mw-faq summary{cursor:pointer;font-weight:700}
/* v5.43.0 */
.ssr-updated{margin:0 0 .4rem;font-size:.85rem;opacity:.85}
.mw-week-basis{margin:.2rem 0 .6rem;font-size:.82rem}
details.mw-more{margin:.6rem 0 1rem}
details.mw-more>summary{cursor:pointer;font-weight:600;padding:.4rem 0}
.ssr-nums{display:block;font-size:13px;line-height:1.4;color:#9cbbce;margin-top:4px}
