/* Situation is an observation workspace, with the same Meteopro glass navigation. */
body.situation-page{background:#071622;color:#deedf5}
.situation-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.situation-page .sit-main{max-width:1480px;width:92%;margin:0 auto;padding:0 0 40px}
.sit-main *, .sit-main *:before,.sit-main *:after{box-sizing:border-box}
.sit-main button,.sit-main input{font:inherit}.sit-main button{cursor:pointer}.sit-main button:disabled{cursor:default;opacity:.4}
.sit-main :focus-visible{outline:2px solid #7ce4ed;outline-offset:4px}
.sit-main [hidden]{display:none!important}
.sit-intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 32px;gap:20px}
.sit-breadcrumb{font-size:10px;letter-spacing:1.8px;color:#84a3b7;text-decoration:none}.sit-intro h1{font-size:clamp(40px,4vw,62px);line-height:1.05;letter-spacing:-2.7px;margin:19px 0 14px;font-weight:650;color:#eef8ff}.sit-intro h1 em{font-style:normal;color:#7cdce7}.sit-intro p{color:#a1bbcc;margin:0;font-size:15px;line-height:1.6}
.sit-live-status{display:flex;gap:13px;align-items:center;padding:18px 23px;border:1px solid #2b4757;border-radius:17px;background:linear-gradient(125deg,#16334466,#0b223666);box-shadow:inset 0 1px #d0f1ff09}.sit-live-status strong{display:block;font-size:10px;letter-spacing:1.6px;color:#b9dce9}.sit-live-status span:not(.sit-signal){display:block;color:#92adbf;margin-top:7px;font-size:11px}.sit-signal{width:8px;height:8px;border-radius:50%;background:#7f9da9;box-shadow:0 0 0 5px #648b9e15}.sit-live-status[data-state=ok] .sit-signal{background:#69dbba;box-shadow:0 0 0 5px #69dbba15,0 0 18px #69dbba44}.sit-live-status[data-state=stale] .sit-signal{background:#efbe75}
.sit-observatory{border:1px solid #2b4659;border-radius:25px;overflow:hidden;background:linear-gradient(145deg,#112738,#0b1e2c);box-shadow:0 22px 75px #00000025,inset 0 1px #ceeafa08}
.sit-toolbar{padding:19px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #2a4253;background:#10253380}
.sit-tabs{display:flex;gap:5px;padding:5px;border:1px solid #2a4659;border-radius:15px;background:#081b2b66}.sit-tabs button{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:11px;border:1px solid transparent;background:none;color:#a5bdcc;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}.sit-tabs button[aria-pressed=true]{background:linear-gradient(120deg,#1c6b83,#1c435e);color:#edfbff;border-color:#58afc766;box-shadow:0 2px 8px #0002,inset 0 1px #fff1}.sit-tabs button:hover{color:#effaff;background-color:#214459}.sit-tabs svg,.sit-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sit-search{display:flex;align-items:center;gap:10px;position:relative;border:1px solid #365063;background:#071b29;border-radius:12px;padding:0 12px;max-width:280px;min-width:170px;height:45px;color:#80acc5}.sit-search input{background:transparent;border:0;outline:0;color:#e7f6ff;min-width:0;width:100%;font-size:12px}.sit-search input::placeholder{color:#94a9b7}.sit-search button{background:none;color:#8fc9dc;padding:5px;border:0}.sit-search #sit-search-results:not(:empty){position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:260px;z-index:600;padding:7px;border:1px solid #48718a;border-radius:12px;box-shadow:0 15px 35px #0007;background:#0d283a}.sit-search #sit-search-results button{display:block;text-align:left;width:100%;padding:12px;font-size:13px;border-radius:8px;white-space:normal}.sit-search #sit-search-results button:hover{background:#204962}.sit-search #sit-search-results small{display:block;color:#99b6c7;font-size:10px;margin-top:5px}.sit-search #sit-search-results p{padding:10px;font-size:12px}
.sit-workspace{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:20px;padding:20px}.sit-chart{min-width:0;border-radius:17px;background:#081c2a;overflow:hidden;border:1px solid #335166}.sit-map-wrap{position:relative;height:650px;isolation:isolate;background:#14364a}.sit-map-wrap:fullscreen{height:100vh;width:100vw}.sit-map-wrap:fullscreen #sit-map{height:100%}#sit-map{width:100%;height:100%;background:#16435c;font-family:inherit;z-index:0}.sit-main .leaflet-container{font:inherit}.sit-main .leaflet-control-attribution{font-size:9px!important;color:#98bbc9!important;background:#071a29cc!important;border-radius:5px 0 0;padding:3px 6px}.sit-main .leaflet-control-attribution a{color:#b8d5e3!important}.sit-main .leaflet-control-zoom{border:1px solid #53748888!important;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #0003}.sit-main .leaflet-bar a{background:#102d41e8!important;color:#cce8f6!important;border-color:#51708566!important;font-size:22px;line-height:36px;width:36px;height:36px}.sit-main .leaflet-top.leaflet-left{top:100px;left:8px}.sit-main .leaflet-pane svg{max-width:none}.sit-main .leaflet-interactive{outline:none}.sit-map-caption{position:absolute;left:24px;top:21px;z-index:400;pointer-events:none;text-shadow:0 2px 10px #00101e}.sit-map-caption>span{display:block;font-size:9px;letter-spacing:2.1px;color:#b6d8e8}.sit-map-caption strong{display:block;margin:6px 0;font-size:24px;font-weight:550;letter-spacing:-.7px;color:white}.sit-map-caption time{font-size:12px;color:#d0e6f2}.sit-map-tools{position:absolute;right:14px;top:15px;display:flex;gap:7px;z-index:400}.sit-map-tools button{color:#ddf6ff;background:#102d41d9;backdrop-filter:blur(12px);border:1px solid #54788e99;width:38px;height:38px;border-radius:12px;font-size:23px;line-height:1}.sit-map-brand{pointer-events:none;position:absolute;bottom:28px;left:18px;display:flex;align-items:center;gap:7px;color:#d9f3ff;z-index:400;opacity:.85}.sit-map-brand>span{font-size:20px;font-style:italic;font-weight:650;text-shadow:0 2px 10px #002b42}.sit-map-brand b{color:#80e1f0}.sit-map-brand small{display:block;font-size:6px;letter-spacing:1.9px;margin-top:4px;font-style:normal;color:#c1e3ee}.sit-map-message{position:absolute;z-index:401;bottom:60px;left:50%;transform:translateX(-50%);max-width:80%;padding:11px 16px;border:1px solid #7895a955;border-radius:12px;background:#061b2deb;color:#d2e9f3;font-size:12px;line-height:1.5;box-shadow:0 5px 20px #0003;text-align:center}.sit-map-message:empty{display:none}
.sit-city-label{font-size:10px;color:#e1eff6;text-shadow:0 1px 4px #001622,0 0 3px #001622;white-space:nowrap;pointer-events:none!important}.sit-city-label:before{content:'';display:inline-block;width:3px;height:3px;background:#e0eff3;border-radius:50%;vertical-align:middle;margin-right:4px}.sit-station-marker{border:0;background:none}.sit-station-marker span{display:flex;align-items:center;justify-content:center;min-width:33px;height:25px;border:1px solid #b3e5ee88;border-radius:8px;background:#123c50ed;color:#c5f1ff;font-size:11px;font-weight:700;box-shadow:0 3px 7px #0015}.sit-station-marker.sit-old span{color:#b2b5ba;border-color:#6c758d;background:#1e2d3c}.sit-station-marker.sit-selected span{background:#a2f0ec;color:#082a3f;border-color:white;box-shadow:0 0 0 5px #83e3ec22}.sit-main .leaflet-tooltip{color:#d4eef8;background:#0b283bed;border:1px solid #466e83;border-radius:8px;font:12px inherit;box-shadow:0 5px 20px #0004}.sit-main .leaflet-tooltip-top:before{border-top-color:#466e83}
.sit-timeline{display:flex;align-items:center;gap:18px;padding:15px 18px;background:linear-gradient(110deg,#102c40,#0d2231);border-top:1px solid #41647b55}.sit-timeline>button:first-child{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #5e9bb477;border-radius:50%;background:#25566e;color:#d8f7ff;font-size:14px}.sit-timeline>button:first-child[aria-pressed=true]{background:#5ac6d7;color:#092b3e}.sit-scrubber{flex:1;min-width:0}.sit-time-labels{display:flex;align-items:center;justify-content:space-between;color:#91afc0;font-size:10px;margin-bottom:8px;gap:6px}.sit-time-labels output{font-size:11px;color:#d6f1ff;font-weight:650}#sit-time-range{width:100%;height:5px;accent-color:#71deea;display:block;margin:0;cursor:pointer}#sit-latest{background:#183c50;color:#a0e1ee;border:1px solid #3c6b8244;padding:9px 11px;border-radius:9px;font-size:11px;white-space:nowrap}#sit-latest span{margin-left:4px}.sit-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;padding:13px 17px;min-height:44px;font-size:10px;color:#aac3d1;border-top:1px solid #254051}.sit-legend strong{font-weight:500;color:#d1e6ef}.sit-legend .sit-scale{display:flex;gap:10px;align-items:center;flex:1}.sit-legend .sit-scale>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.sit-legend i{width:10px;height:7px;border-radius:2px;display:inline-block}.sit-legend .sit-gradient{height:7px;min-width:80px;flex:1;border-radius:10px}
.sit-views-heading{padding:7px 1px 14px}.sit-views-heading>span{font-size:8px;letter-spacing:1.6px;color:#8dafc0}.sit-views-heading h2{font-size:23px;letter-spacing:-.7px;line-height:1.22;font-weight:500;margin:9px 0 0;color:#dceef8}#sit-previews{display:grid;gap:14px}.sit-preview{position:relative;overflow:hidden;width:100%;padding:0;text-align:left;border:1px solid #385469;border-radius:15px;background:#112d40;color:#d9eef7;transition:transform .2s,border-color .2s}.sit-preview:hover{transform:translateY(-2px);border-color:#66b2c7}.sit-preview-map{position:relative;height:139px;overflow:hidden;background:#16435c}.sit-preview-map>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 45%}.sit-preview-map:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#0b233855,transparent 50%)}.sit-preview-map>span{position:absolute;left:10px;top:10px;z-index:2;font-size:8px;letter-spacing:.8px;background:#0c2739cc;padding:4px 6px;border-radius:5px;color:#c6e4f0}.sit-preview-copy{padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sit-preview-copy strong{font-size:13px;display:block;font-weight:550}.sit-preview-copy small{font-size:10px;color:#99b8ca;display:block;margin-top:5px}.sit-preview-copy b{font-size:20px;font-weight:400;color:#7dd3e4}.sit-mini-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#98ecdf;box-shadow:0 0 4px #b7fff87a;z-index:1}
.sit-chart-bottom{display:flex;justify-content:space-between;gap:20px;padding:0 23px 18px;color:#8eaabf;font-size:11px;line-height:1.5}.sit-chart-bottom p{margin:0;max-width:75%}.sit-chart-bottom>span{font-size:10px;color:#adc5d1}
.sit-ground{padding:42px 0 30px}.sit-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.sit-eyebrow{font-size:9px;letter-spacing:1.9px;color:#74b8c9;margin:0 0 11px;display:block}.sit-section-heading h2,.sit-next h2{font-size:32px;font-weight:550;letter-spacing:-1px;margin:0 0 10px;color:#e0f1fb}.sit-section-heading p:not(.sit-eyebrow){margin:0;color:#96b2c5;font-size:13px}.sit-section-heading button{background:#12394b;border:1px solid #365d73;color:#b5e4ed;padding:13px 17px;border-radius:12px;font-size:12px;white-space:nowrap}.sit-section-heading button span{margin-left:13px}
.sit-station-layout{display:grid;grid-template-columns:.85fr 1.6fr;gap:23px}.sit-station-detail{padding:28px;border:1px solid #355369;border-radius:20px;background:radial-gradient(ellipse at 0 0,#18405488,transparent 70%),linear-gradient(135deg,#102838,#0b1f2e);min-width:0;scroll-margin-top:20px}.sit-station-detail h3{font-size:23px;font-weight:550;letter-spacing:-.5px;line-height:1.25;margin:0 0 12px;color:#e1f3ff}.sit-station-detail>p{font-size:12px;color:#9bb6c7;line-height:1.6;margin:0 0 10px}.sit-empty-station{font-size:80px;font-weight:200;text-align:center;padding-top:24px;color:#2d697d}.sit-station-reading{display:flex;align-items:baseline;gap:10px;padding:10px 0 20px}.sit-station-reading strong{font-size:60px;font-weight:450;color:#9ce6eb;letter-spacing:-3px;line-height:1}.sit-station-reading span{color:#8db4c7;font-size:13px}.sit-station-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:16px;border-top:1px solid #335366}.sit-station-metrics div{display:flex;flex-direction:column;gap:5px}.sit-station-metrics small{color:#8faec3;font-size:10px}.sit-station-metrics strong{font-size:16px;color:#d1eaf7;font-weight:500}.sit-station-history{margin-top:25px}.sit-station-history>p{font-size:10px;color:#99b8ca}.sit-station-history svg{width:100%;height:95px;display:block;overflow:visible}.sit-station-history text{fill:#9db9ca;font-size:10px}.sit-station-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}.sit-station-tools label{font-size:11px;color:#9fbacc}.sit-station-tools input{min-width:100px;flex:1;height:38px;border-radius:10px;background:#0d2537;border:1px solid #2b4e65;color:#d3e9f4;padding:0 12px;font-size:11px}.sit-station-tools>span{font-size:10px;color:#81a6bc}.sit-stations-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sit-station-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 15px;border:1px solid #29475b;border-radius:13px;background:linear-gradient(120deg,#122c3d,#0d2333);color:#bedbe9;text-align:left;min-width:0}.sit-station-card:hover,.sit-station-card[aria-pressed=true]{border-color:#6eb0c5;background:#174153}.sit-station-card>span{min-width:0}.sit-station-card strong{font-size:12px;line-height:1.4;display:block;color:#d0e9f5;font-weight:550}.sit-station-card small{display:block;color:#86abbe;font-size:9px;margin-top:6px}.sit-station-card b{font-size:24px;font-weight:500;color:#99e1e6;white-space:nowrap;letter-spacing:-1px}.sit-station-card[data-stale=true] b{color:#a6b6bf}#sit-more{margin-top:14px;padding:10px 20px;color:#a2d9e5;border:1px solid #31586d;border-radius:10px;background:#163345;font-size:11px}
.sit-next{display:flex;align-items:center;gap:20px;padding:28px;border:1px solid #2c5269;border-radius:20px;background:radial-gradient(ellipse at top right,#155d7744,transparent 70%),#102b3d}.sit-next>div{flex:1}.sit-next h2{font-size:27px}.sit-next p{color:#93b1c4;font-size:12px;margin-bottom:0}.sit-next>a{padding:13px 17px;border:1px solid #3e7089;border-radius:10px;font-size:12px;color:#bce4ef;text-decoration:none}.sit-next>a:first-of-type{color:#072839;background:#86dce4;border-color:#a6ecf2}.sit-next>a span{margin-left:15px}.sit-data-details{margin-top:25px;border-top:1px solid #284557;padding-top:17px;color:#7b9cad;font-size:11px;line-height:1.7}.sit-data-details summary{cursor:pointer}.sit-data-details a{color:#92bece}.sit-source-row{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #284557}.sit-data-details>p{max-width:1000px}
@media(min-width:1650px){.sit-map-wrap{height:720px}.sit-preview-map{height:161px}}
@media(max-width:1150px){.sit-toolbar{flex-wrap:wrap}.sit-search{max-width:none;flex:1}.sit-workspace{grid-template-columns:minmax(0,1fr) 200px;gap:14px;padding:14px}.sit-map-wrap{height:600px}.sit-preview-map{height:123px}.sit-views-heading h2{font-size:21px}.sit-tabs button{padding:10px 12px}.sit-live-status{padding:14px}.sit-live-status strong{font-size:9px}.sit-station-layout{grid-template-columns:.9fr 1.3fr}.sit-stations-list{grid-template-columns:1fr}.sit-next{flex-wrap:wrap}}
@media(max-width:800px){.sit-intro{padding:30px 0 25px;align-items:start}.sit-intro h1{font-size:43px}.sit-live-status{display:none}.sit-workspace{grid-template-columns:1fr}.sit-views-heading{display:none}#sit-previews{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sit-preview-map{height:100px}.sit-preview-copy{padding:10px}.sit-preview-copy strong{font-size:11px}.sit-preview-copy small{font-size:9px}.sit-preview-copy b{display:none}.sit-map-wrap{height:620px}.sit-chart-bottom{padding:2px 16px 17px;gap:15px}.sit-chart-bottom p{max-width:75%}.sit-station-layout{grid-template-columns:1fr 1fr}.sit-station-detail{padding:22px}.sit-section-heading h2{font-size:28px}.sit-tabs{flex:1;justify-content:space-between}.sit-tabs button{flex:1;justify-content:center}.sit-toolbar{gap:12px;padding:14px}.sit-search{flex-basis:100%;height:40px}.sit-search #sit-search-results:not(:empty){min-width:0}.sit-search input{font-size:16px}}
@media(max-width:550px){.situation-page .sit-main{width:94%}.sit-intro{padding:26px 7px 23px}.sit-intro h1{font-size:43px;letter-spacing:-2px;margin-top:15px}.sit-intro p{font-size:12px;max-width:270px}.sit-breadcrumb{font-size:9px}.sit-observatory{border-radius:19px}.sit-tabs{padding:4px;gap:2px;max-width:100%;border-radius:12px}.sit-tabs button{padding:9px 4px;gap:5px;flex-direction:column;font-size:10px;border-radius:8px}.sit-tabs svg{width:19px;height:19px}.sit-toolbar{padding:10px}.sit-workspace{padding:8px;gap:12px}.sit-map-wrap{height:530px}.sit-map-caption{top:16px;left:15px}.sit-map-caption strong{font-size:20px}.sit-map-caption>span{font-size:8px}.sit-map-caption time{font-size:10px}.sit-map-tools{right:9px;top:13px;gap:5px}.sit-map-tools button{width:33px;height:33px;font-size:20px}.sit-main .leaflet-control-zoom{border-radius:10px}.sit-main .leaflet-bar a{width:30px;height:30px;line-height:30px;font-size:19px}.sit-main .leaflet-top.leaflet-left{left:3px;top:95px}.sit-main .leaflet-control-attribution{font-size:7px!important}.sit-map-brand{left:10px;bottom:25px;gap:3px}.sit-map-brand img{width:30px;height:24px}.sit-map-brand>span{font-size:16px}.sit-map-brand small{font-size:5px}.sit-timeline{gap:9px;padding:12px 10px}.sit-timeline>button:first-child{width:32px;height:32px;font-size:11px}#sit-latest{padding:8px;font-size:10px}#sit-latest span{display:none}.sit-time-labels{font-size:9px}.sit-time-labels output{font-size:10px}.sit-legend{padding:12px 10px;font-size:9px;gap:9px}.sit-legend .sit-scale{gap:7px}.sit-legend .sit-scale>span{gap:3px}.sit-legend i{width:7px;height:6px}.sit-preview-map{height:82px}.sit-preview-map>span{font-size:7px;left:6px;top:6px;padding:3px 4px}.sit-preview-copy{padding:9px 7px}.sit-preview-copy strong{font-size:10px}.sit-preview-copy small{font-size:8px}.sit-preview{border-radius:11px}#sit-previews{gap:6px}.sit-chart-bottom{flex-direction:column;gap:5px;padding:8px 13px 15px;font-size:10px}.sit-chart-bottom p{max-width:100%}.sit-chart-bottom>span{font-size:9px}.sit-section-heading{align-items:start;flex-direction:column;gap:16px}.sit-ground{padding:29px 5px}.sit-section-heading h2{font-size:28px}.sit-section-heading p:not(.sit-eyebrow){font-size:12px}.sit-section-heading button{font-size:11px;padding:11px 14px}.sit-station-layout{grid-template-columns:1fr}.sit-station-detail{padding:22px;min-height:220px}.sit-empty-station{font-size:50px;padding-top:0}.sit-stations-list{grid-template-columns:1fr 1fr;gap:8px}.sit-station-card{padding:12px 10px;display:block}.sit-station-card strong{font-size:11px;min-height:30px}.sit-station-card small{font-size:8px}.sit-station-card b{display:block;margin-top:10px;font-size:24px}.sit-station-tools>span{width:100%;margin-top:-3px}.sit-next{padding:22px;gap:10px}.sit-next>div{flex-basis:100%;margin-bottom:10px}.sit-next>a{font-size:11px;padding:12px}.sit-next>a span{margin-left:7px}.sit-data-details{margin:24px 6px 0}.sit-map-message{font-size:11px;max-width:90%;width:max-content}}
@media(prefers-reduced-motion:reduce){.sit-main *{scroll-behavior:auto!important;transition:none!important}}

.sit-preview-stations{position:absolute;inset:0;width:100%;height:100%;z-index:1}
/* Stacked maps: each product remains visible and keeps its own time and viewport. */
.sit-intro{padding:28px 0 23px}.sit-intro h1{font-size:clamp(35px,3.7vw,55px);margin:13px 0 10px}
.sit-stack-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:12px 15px;border:1px solid #294a60;border-radius:17px;background:#102737;position:relative;z-index:2}.sit-stack-nav nav{display:flex;gap:6px}.sit-stack-nav nav a{padding:11px 15px;color:#c2dfeb;text-decoration:none;font-size:12px;border-radius:10px;background:#16364a}.sit-stack-nav nav a:hover{background:#246079;color:#fff}.sit-stack-nav .sit-search{flex:1;max-width:320px}
.sit-stack-card{margin-bottom:24px;scroll-margin-top:16px}.sit-card-heading{display:flex;align-items:center;gap:17px;padding:23px 25px;background:linear-gradient(110deg,#143448,#0d2537)}.sit-card-number{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px;border:1px solid #3a6980;background:#1b4156;color:#7bd9e7;font-size:15px}.sit-card-heading .sit-eyebrow{margin:0 0 7px;font-size:9px;letter-spacing:2px}.sit-card-heading h2{font-size:24px;font-weight:550;letter-spacing:-.7px;color:#e1f5ff;margin:0}.sit-scope{display:flex;align-items:center;gap:8px;margin-left:auto}.sit-scope button{font-size:11px;min-height:37px;padding:9px 13px;border:1px solid #41667d;border-radius:11px;background:#173c51;color:#b8e2ee;white-space:nowrap}.sit-scope button:last-child{font-size:20px;padding:5px 10px}
.sit-stack-card .sit-map-wrap{height:610px;margin:0 14px;border-radius:16px;overflow:hidden;border:1px solid #32556c;background:#14364a}.sit-stack-card[data-product=europe] .sit-map-wrap{height:660px}.sit-stack-card .sit-map{height:100%;width:100%;background:#16435c;z-index:0;font-family:inherit}.sit-stack-card .sit-map-wrap:fullscreen{height:100vh;width:100vw;margin:0;border-radius:0}.sit-stack-card .sit-map-caption{left:19px;top:16px}.sit-stack-card .sit-map-caption time{display:block;margin-top:7px}.sit-stack-card .leaflet-top.leaflet-left{top:63px}.sit-stack-card .sit-timeline{margin:0 14px;border:1px solid #32556c;border-top:0;border-radius:0 0 13px 13px;padding:14px 18px}.sit-stack-card .sit-map-wrap:has(+.sit-timeline){border-radius:16px 16px 0 0}.sit-stack-card .sit-legend{border:0;margin:0 15px;padding:15px 8px;min-height:48px}.sit-stack-card .sit-scale{max-width:340px}.sit-stack-card .sit-chart-bottom{padding:0 24px 20px}.sit-stack-card .sit-latest{background:#183c50;color:#a0e1ee;border:1px solid #3c6b8244;padding:9px 11px;border-radius:9px;font-size:11px;white-space:nowrap}.sit-ground{padding-top:10px}.sit-map-caption{padding:8px 11px;border-radius:9px;background:#0b2738b5;backdrop-filter:blur(6px)}
@media(min-width:1650px){.sit-stack-card[data-product=europe] .sit-map-wrap{height:730px}}
@media(max-width:800px){.sit-stack-nav{flex-wrap:wrap}.sit-stack-nav nav{width:100%;justify-content:space-between;gap:4px}.sit-stack-nav nav a{font-size:11px;padding:10px}.sit-stack-nav .sit-search{max-width:none}.sit-card-heading{padding:20px 18px;gap:11px}.sit-card-heading h2{font-size:21px}.sit-card-number{width:35px;height:35px;border-radius:10px;font-size:12px}.sit-stack-card .sit-map-wrap{height:580px}.sit-stack-card[data-product=europe] .sit-map-wrap{height:580px}.sit-scope{gap:5px}.sit-scope button{padding:8px 9px;font-size:10px}.sit-scope button:last-child{font-size:18px}.sit-stack-card .sit-chart-bottom{flex-direction:column;gap:6px}.sit-stack-card .sit-chart-bottom p{max-width:100%}}
@media(max-width:550px){.sit-intro h1{font-size:36px;letter-spacing:-1.7px}.sit-intro p{max-width:100%;font-size:12px}.sit-stack-nav{padding:9px;gap:9px;margin-bottom:14px;border-radius:14px}.sit-stack-nav nav a{font-size:10px;padding:10px 8px}.sit-stack-card{margin-bottom:17px;border-radius:16px}.sit-card-heading{padding:16px 12px;gap:9px;flex-wrap:wrap}.sit-card-heading h2{font-size:20px}.sit-card-heading .sit-eyebrow{font-size:8px;margin-bottom:5px}.sit-card-number{width:30px;height:30px;font-size:10px}.sit-scope{width:100%;justify-content:flex-end}.sit-scope button{min-height:33px;padding:7px 12px}.sit-stack-card .sit-map-wrap{height:500px;margin:0 7px;border-radius:11px}.sit-stack-card[data-product=europe] .sit-map-wrap{height:470px}.sit-stack-card .sit-map-wrap:has(+.sit-timeline){border-radius:11px 11px 0 0}.sit-stack-card .sit-timeline{margin:0 7px;padding:12px 8px}.sit-stack-card .sit-latest{font-size:9px;padding:8px 7px}.sit-stack-card .sit-legend{margin:0 8px;padding:12px 5px;gap:9px}.sit-stack-card .sit-chart-bottom{padding:0 13px 15px}.sit-stack-card .sit-map-caption{top:10px;left:10px;padding:7px 8px}.sit-stack-card .leaflet-top.leaflet-left{top:58px}}

.sit-stack-card .sit-scrubber input[type=range]{width:100%;height:5px;accent-color:#71deea;display:block;margin:0;cursor:pointer}

/* Neutral radar geography keeps precipitation colors distinct from terrain. */
#map-europe{background:#a6c7d8}
#map-europe .sit-city-label{color:#263a3d;text-shadow:0 1px 2px #fff,1px 0 2px #fff,-1px 0 2px #fff;font-weight:650}
#map-europe .sit-city-label:before{background:#344a4c;box-shadow:0 0 0 1px #fff9}
#radar-europa .sit-map-brand{padding:7px 10px;border-radius:10px;background:#102d41c9;backdrop-filter:blur(5px)}
#radar-europa .sit-gradient{height:10px}

/* Radar and model are deliberately separate, with the map filling the viewport. */
#radar-europa .sit-map-wrap{height:clamp(650px,78vh,900px)}
.sit-radar-modes{display:flex;gap:7px;align-items:center;padding:0 16px 13px}
.sit-radar-modes button{border:1px solid #456779;background:#112c3d;color:#c4d9e4;border-radius:10px;padding:10px 18px;font:600 13px inherit;cursor:pointer}
.sit-radar-modes button small{display:block;font:400 10px inherit;margin-top:3px;opacity:.75}
.sit-radar-modes button[aria-pressed=true]{background:#f0a129;color:#132634;border-color:#ffc66a;box-shadow:0 3px 14px #f6a63825}
.sit-radar-modes button[data-radar-mode=observed][aria-pressed=true]{background:#66d6e7;border-color:#a1edfa}
.sit-radar-modes>span{font-size:12px;color:#9ebaca;margin-left:auto}
.sit-rain-key{display:flex;gap:0;flex:1;max-width:500px}
.sit-rain-key span{flex:1;text-align:center;min-width:28px;font-size:11px}
.sit-rain-key i{display:block;width:100%;height:10px;border-radius:0;margin-bottom:5px}
#radar-europa[data-radar-mode=forecast] [data-time]{accent-color:#f0a129}
#radar-europa .sit-map-caption{background:#f9fcffed;backdrop-filter:blur(8px);text-shadow:none;box-shadow:0 2px 14px #17374c20;border:1px solid #fff8}
#radar-europa .sit-map-caption>span{color:#376275}
#radar-europa .sit-map-caption time{color:#163a4c;font-weight:700}
#radar-europa .sit-map-message{bottom:75px}
@media(max-width:700px){#radar-europa .sit-map-wrap{height:620px}.sit-radar-modes>span{display:none}.sit-radar-modes button{flex:1;padding:9px}.sit-radar-modes{padding:0 9px 10px}#radar-europa .sit-legend strong{width:100%}.sit-rain-key{max-width:none}#radar-europa .sit-map-caption time{font-size:10px}}
#map-europe .leaflet-tile{outline:1px solid transparent;backface-visibility:hidden}
#radar-europa .sit-legend a{color:#a0e1ee}
