@import url('/assets/css/legacy.css');
@font-face{font-family:Inter;src:url('/prognosta/assets/fonts/Inter-SemiBold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--ink:#142f35;--muted:#627274;--paper:#f5f5ef;--teal:#087d75;--line:#dbe0d8;--lime:#d8ef8b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body,body.theme-light{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #00867b;outline-offset:5px}.container{width:min(1280px,calc(100% - 80px));margin-inline:auto;max-width:1280px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Inter,Arial,sans-serif}h2{font-size:28px;line-height:1.2;letter-spacing:-1px}h3{line-height:1.3}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.9px;color:var(--teal);line-height:1.5}.topbar{position:relative;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none}.topbar__in{display:flex;justify-content:space-between;align-items:center;min-height:104px;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-1.6px;color:var(--ink)}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:-3px}.brand-number{color:var(--teal)}.brand-symbol{font-size:44px;color:var(--teal);line-height:1;transform:rotate(-30deg)}.nav{display:flex;align-items:center;gap:34px}.nav a{font-size:13px;font-weight:600;text-decoration:none;padding:10px 0;border-radius:0;background:transparent}.nav a[aria-current]{color:var(--teal);border-bottom:2px solid var(--teal)}.nav .nav-panel{margin-left:24px;padding:10px 16px;border:1px solid var(--line);border-radius:5px}.hamb{display:none;background:none;border:1px solid var(--line);padding:8px 12px}.edition{display:flex;justify-content:space-between;margin:24px 0 42px;font-size:10px;letter-spacing:1.4px;color:var(--muted);text-transform:uppercase}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:45px;gap:24px}.intro .eyebrow{margin-bottom:15px}.intro h1{font-size:clamp(44px,5.2vw,72px);font-weight:600;letter-spacing:-3.8px;line-height:1.06;margin:0}.intro em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.intro-copy{color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 8px;max-width:290px}.weather-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.forecast-panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;align-self:start}.panel-heading{padding:25px 28px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-heading h2{margin:8px 0 0;font-size:25px}.badge{font-size:10px;padding:6px 10px;border:1px solid var(--line);border-radius:30px;background:#f7f8f2;white-space:nowrap}.forecast-tabs{display:flex;margin:0 28px 20px;padding:5px;border-radius:7px;background:#f1f3ee;gap:3px}.forecast-tabs button{flex:1;border:0;border-radius:5px;padding:10px 5px;background:transparent;color:#647470;font-size:12px;font-weight:600;white-space:nowrap}.forecast-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:0 2px 5px #142f3522}.forecast-map{position:relative;min-height:330px;aspect-ratio:16/10;background:radial-gradient(ellipse at 60% 40%,#e2ebe0,transparent 60%),#f0f4ed;display:grid;place-items:center;overflow:hidden}.forecast-map>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.map-empty{text-align:center;padding:30px;color:var(--muted)}.empty-symbol{display:block;font-size:64px;color:#7caaa1;margin-bottom:16px}.map-empty h3{font-size:21px;color:var(--ink);margin-bottom:8px}.map-empty p{font-size:13px;margin:0}.forecast-caption{padding:17px 25px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.forecast-caption a{color:var(--teal);font-weight:700;text-decoration:none}.alerts-panel{padding:25px;background:var(--ink);border-radius:12px;color:#fff}.alerts-panel .panel-heading{padding:0 0 18px}.alerts-panel .eyebrow{color:var(--lime)}.alert-icon{display:grid;place-items:center;border:1px solid #cde78790;color:var(--lime);width:26px;height:26px;border-radius:50%;font-weight:bold}.alerts-panel h2{font-size:30px;font-weight:600;margin:0 0 20px}.status-note{font-size:13px;line-height:1.65;color:#c9d6d5}.button-light{display:flex;justify-content:space-between;align-items:center;background:var(--lime);color:var(--ink);border-radius:5px;padding:12px 15px;font-size:12px;font-weight:700;text-decoration:none;margin-top:22px}.alert-legend{border-top:1px solid #ffffff25;margin-top:21px;padding-top:14px;font-size:10px;display:grid;gap:4px;color:#c9d6d5}.editor-note{padding:27px 3px 0}.editor-note h3{font-size:20px;margin:11px 0}.editor-note p{font-size:12px;color:var(--muted)}.signature{display:flex;justify-content:space-between;font-family:Georgia,serif;font-style:italic;padding-top:13px;border-top:1px solid var(--line)}.alert-list a{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #ffffff20;font-size:12px;text-decoration:none}.severity{border-radius:4px;padding:1px 8px;color:#26312a;background:#ffda78}.severity-2{background:#ffb16b}.severity-3{background:#ff8e8e}.news-section{margin-top:65px;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:25px}.section-heading h2{font-size:36px;margin:9px 0 0;letter-spacing:-1.5px}.section-heading>a{font-size:12px;color:var(--teal);text-decoration:none;font-weight:700}.news-empty{padding:35px;border-block:1px solid var(--line);display:flex;gap:30px;align-items:center;background:#eef0e7}.news-empty h3{font-size:21px;margin:0 0 8px}.news-empty p{font-size:13px;color:var(--muted);margin:0}.empty-news-mark{font:italic 72px Georgia,serif;color:#819c7e}.news-empty>span:last-child{margin-left:auto;font-size:28px}.editorial-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.news-card-lead{grid-row:span 2}.news-cover{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:7px;background:#dce8dd}.news-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.news-cover:hover img{transform:scale(1.025)}.news-body{padding:15px 0}.news-body .eyebrow{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;gap:10px}.news-body h3{font-size:17px;letter-spacing:-.3px;margin:10px 0}.news-body h3 a{text-decoration:none}.news-card-lead h3{font-size:29px}.news-body>p{font-size:13px;color:var(--muted)}.cover-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(130deg,#173d42,#4e7870);color:#d8ef8b;font:italic 30px Georgia,serif}.cover-placeholder span{font:7px Arial,sans-serif;letter-spacing:2px;margin-top:10px}.closing{margin:65px 0;display:flex;justify-content:space-between;align-items:center;padding:35px 0;border-block:1px solid var(--line);gap:25px}.closing p{font-family:Georgia,serif;font-size:32px;line-height:1.25;margin:0}.closing p em{color:var(--teal)}.closing a{font-size:12px;font-weight:700;color:var(--teal)}.footer{background:#e9ece3;border:0;padding:45px 0 0;color:var(--ink)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer p{font-size:12px;color:var(--muted);max-width:320px;line-height:1.8;margin:15px 0}.footer strong{font-size:12px;display:block;margin-bottom:16px}.footer-grid>div>a:not(.brand){display:block;font-size:12px;text-decoration:none;margin:7px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cfd6ca;margin-top:35px;padding-block:20px;font-size:10px;color:var(--muted)}.skip-link{position:absolute;left:15px;top:-80px;z-index:999;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:10px}.admin-nav{display:flex;gap:20px;padding:16px 0;font-size:12px;flex-wrap:wrap}.admin-nav span{margin-left:auto}.btn{background:var(--ink);color:white;border:1px solid var(--ink);border-radius:5px;padding:9px 14px}.btn:hover{background:var(--teal);color:white}.card{border:1px solid var(--line);box-shadow:none;border-radius:10px}.muted{color:var(--muted)}.warning-region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.region-link{padding:20px;background:white;border:1px solid var(--line);border-radius:8px;text-decoration:none}.region-link strong{display:block}.region-link small{color:var(--muted)}.warning-intro{margin:45px 0 25px}.warning-intro h1{font-size:46px;letter-spacing:-2px;margin:10px 0}.notice{padding:20px;border:1px solid #d1b46a;background:#fff5d7;border-radius:8px}.warn-head{color:#142f35!important}.warn-lvl-3 .warn-head{color:#fff!important}table{max-width:100%}main{min-height:40vh}body>main{padding-bottom:20px}
@media(max-width:1050px){.container{width:calc(100% - 44px)}.weather-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.nav{gap:20px}.nav .nav-panel{margin-left:0}.intro h1{font-size:58px}.panel-heading{padding:22px}.forecast-tabs{margin-inline:18px}.forecast-map{min-height:300px}.warning-region-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.topbar__in{min-height:82px}.brand{font-size:26px}.brand-symbol{font-size:36px}.hamb{display:block}.nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--paper);z-index:20;padding:20px 25px;box-shadow:0 10px 15px #142f3515}.nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:8px}.edition{font-size:8px;letter-spacing:1px;margin:20px 0 30px}.intro{display:block;margin-bottom:28px}.intro h1{font-size:52px;letter-spacing:-2.8px}.intro-copy{font-size:13px;margin:20px 0 0}.weather-layout{grid-template-columns:1fr}.forecast-map{min-height:230px}.weather-side{display:grid;grid-template-columns:1fr}.alerts-panel{padding:24px}.alerts-panel h2 br{display:none}.editor-note{padding:15px 6px}.forecast-tabs{margin:0 12px 15px}.forecast-tabs button{font-size:11px;padding:10px 3px}.panel-heading{padding:21px 18px}.panel-heading h2{font-size:22px}.forecast-caption{padding:14px;font-size:10px}.news-section{margin-top:40px}.section-heading h2{font-size:28px}.section-heading{align-items:flex-start;flex-direction:column}.news-empty{padding:24px 20px;gap:18px}.empty-news-mark{font-size:48px}.news-empty h3{font-size:18px}.news-empty>span:last-child{display:none}.editorial-grid{grid-template-columns:1fr 1fr;gap:18px}.news-card-lead{grid-column:span 2;grid-row:auto}.news-card-lead h3{font-size:25px}.closing{margin:40px 0;align-items:flex-start;flex-direction:column;padding:28px 0}.closing p{font-size:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:8px}.warning-region-grid{grid-template-columns:repeat(2,1fr)}.region-link{padding:14px}.warning-intro h1{font-size:36px}.admin-nav{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.map-empty{min-width:0;max-width:100%;overflow-wrap:anywhere}.map-empty p{white-space:normal}@media(max-width:760px){.forecast-map{min-height:330px;aspect-ratio:auto}.map-empty{padding:25px 20px}.alerts-panel h2{word-spacing:normal}}

/* Map-led visual system: green daylight and blue night maps share a neutral shell. */
:root{--ink:#172d43;--muted:#66788b;--paper:#f3f6f9;--teal:#30729c;--line:#dce5ec;--lime:#d9eaf5}
.container{width:min(1400px,calc(100% - 72px));max-width:1400px}.topbar{background:#fff}.topbar__in{min-height:90px}.brand-symbol{color:#4c92bb}.brand-number{color:#377eaa}.edition{margin:20px 0 23px;font-size:9px}.intro{margin-bottom:29px;align-items:center}.intro h1{font-size:43px;letter-spacing:-1.8px;line-height:1.15;max-width:820px}.intro .eyebrow{font-size:9px;margin-bottom:10px}.intro-copy{font-size:12px;line-height:1.8;margin:0}.intro em{color:#4b829c}.weather-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.forecast-panel{--map-accent:#426e55;--map-tint:#f0f6ef;border-radius:16px;border-color:#dae5de;background:linear-gradient(120deg,#eaf3ed 0%,#fff 55%,#eff6fa 100%);box-shadow:0 10px 35px #193e5610}.forecast-panel[data-mode=night]{--map-accent:#326fa9;--map-tint:#eaf2fc;border-color:#d3e1f1;background:linear-gradient(120deg,#e1edfc,#f9fbff 60%,#eef3fa)}.forecast-panel .eyebrow{color:var(--map-accent)}.forecast-panel .panel-heading{padding:24px 24px 18px}.forecast-panel .panel-heading h2{font-size:29px;letter-spacing:-1px}.forecast-panel .badge{background:#ffffffa8;color:var(--map-accent);border-color:#d6e3dc;font-size:11px}.forecast-tabs{margin:0 24px 20px;background:#ffffff91;border:1px solid #dce6e1;border-radius:9px;max-width:570px}.forecast-tabs button{font-size:12px}.forecast-tabs button[aria-pressed=true]{background:var(--map-accent);box-shadow:0 3px 7px #214a5620}.forecast-map{aspect-ratio:16/9;min-height:0;background:var(--map-tint);margin:0 14px;border-radius:10px}.forecast-map>img{border-radius:10px}.forecast-caption{border:0;padding:16px 24px;color:#5d7082}.forecast-caption a{color:var(--map-accent)}.alerts-panel{background:linear-gradient(150deg,#203d58,#142c40);border-radius:16px;padding:23px}.alerts-panel h2{font-size:28px}.alerts-panel .eyebrow{color:#a9d2ea}.alert-icon{border-color:#accde17d;color:#bddbed}.button-light{background:#e4eff7}.alert-legend{font-size:9px}.status-note{color:#c7d7e4}.editor-note h3{font-size:18px}.editor-note .eyebrow{font-size:9px}.news-section{margin-top:48px}.news-empty{background:#eaf0f4}.empty-news-mark{color:#84a5b9}.footer{background:#e7edf2}.closing{margin:45px 0}.closing p em{color:#4b829c}
@media(max-width:1100px){.container{width:calc(100% - 40px)}.weather-layout{grid-template-columns:1fr}.weather-side{display:grid;grid-template-columns:1fr 1fr;gap:28px}.editor-note{padding:22px 10px}.intro h1{font-size:38px;max-width:600px}.intro-copy{max-width:225px}.forecast-map{aspect-ratio:16/9}.alerts-panel h2 br{display:none}}
@media(max-width:760px){.container{width:calc(100% - 28px)}.topbar__in{min-height:80px}.nav{top:79px}.edition{font-size:7px;letter-spacing:.7px;margin-bottom:22px}.intro{display:block;margin-bottom:24px}.intro h1{font-size:36px;letter-spacing:-1.5px;max-width:340px}.intro-copy{font-size:12px;margin-top:14px;max-width:none}.intro-copy br{display:none}.weather-side{grid-template-columns:1fr;gap:0}.forecast-panel .panel-heading{padding:18px 16px 15px;gap:8px}.forecast-panel .panel-heading h2{font-size:23px}.forecast-panel .badge{font-size:9px;padding:6px 7px}.forecast-tabs{margin:0 10px 13px;gap:0;padding:4px}.forecast-tabs button{font-size:10px;padding:10px 2px}.forecast-map{margin:0 6px;border-radius:7px;aspect-ratio:16/9;min-height:0}.forecast-map:has(img[hidden]){min-height:300px;aspect-ratio:auto}.forecast-map>img{border-radius:7px}.forecast-caption{padding:13px 12px;font-size:9px}.editor-note{padding:24px 5px}.news-section{margin-top:30px}.section-heading h2{font-size:28px}.footer-grid{gap:28px}}

.demo-banner{background:#e4edf4;color:#41627b;font-size:10px;text-align:center;padding:7px 15px;letter-spacing:.3px}

.admin-tool .wrap{max-width:1400px;width:calc(100% - 40px);margin:24px auto;padding:0}.admin-tool .card{background:white;color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 25px #213d5610}.admin-tool .top{background:transparent;color:var(--ink);border-color:var(--line)}.admin-tool input,.admin-tool textarea,.admin-tool select{background:#fff;color:var(--ink);border:1px solid #c9d7e2;padding:10px;border-radius:6px}.admin-tool button{background:#294e6d;color:white;border:1px solid #294e6d}.admin-tool tr{background:#f2f6fa}.admin-tool td,.admin-tool th{border-color:var(--line)}.admin-tool .pill{background:#edf3f8;border-color:var(--line);color:var(--ink)}.admin-tool .top .btn{background:#fff;color:var(--ink);border:1px solid var(--line)}.admin-tool .footer{margin-top:40px}.admin-tool .dot .lbl{color:white}.admin-tool .toast{color:white}.admin-tool .hamb{background:#fff;color:var(--ink);border:1px solid var(--line)}

/* Final brand direction: midnight blue, ice-blue accents, supplied Meteo24 artwork. */
:root{color-scheme:dark;--ink:#edf3fc;--muted:#9aaac1;--paper:#080f1d;--teal:#76c7ef;--line:#253449;--lime:#b8e5fa}
/* Let the page grow beyond the viewport; the old fixed body height tiled the gradient. */
html{height:auto;min-height:100%}
body,body.theme-light{height:auto;min-height:100vh;background-color:#080f1d;background-image:radial-gradient(ellipse 1100px 800px at 15% 0%,#142337 0%,transparent 100%);background-repeat:no-repeat;color:var(--ink)}.topbar{background:#091220d9;border-color:#223249}.topbar__in{min-height:106px}.brand{display:inline-flex;flex-shrink:0;line-height:1}.brand-logo{display:block;width:230px;height:auto;object-fit:contain;filter:drop-shadow(0 3px 8px #0005)}.footer .brand-logo{width:200px}.nav a{color:#c4d0e0}.nav a:hover,.nav a[aria-current]{color:#89d6fc}.nav a[aria-current]{border-color:#6bc9fa}.nav .nav-panel{border-color:#2d405a;background:#152236;color:#e0ebf9}.edition{color:#8c9db6}.intro h1{color:#eef5ff}.intro em{color:#87c8ec}.intro-copy{color:#a5b5cb}.intro .eyebrow{color:#82acd0}.demo-banner{background:#142035;border-block:1px solid #26364b;color:#a9bbd2}.forecast-panel{--map-accent:#abd7bd;--map-tint:#172a28;background:linear-gradient(135deg,#172827,#111d29 58%,#132233);border-color:#30443f;box-shadow:0 15px 50px #0003}.forecast-panel[data-mode=night]{--map-accent:#9acbf8;--map-tint:#16253e;background:linear-gradient(130deg,#192d4d,#111d30 60%,#17263e);border-color:#304768}.forecast-panel .eyebrow{color:var(--map-accent)}.forecast-panel .panel-heading h2{color:#f1f6ff}.forecast-panel .badge{background:#ffffff08;color:#d8e9f3;border-color:#ffffff20}.forecast-tabs{background:#080f1b85;border-color:#ffffff12}.forecast-tabs button{color:#afbdce}.forecast-tabs button:hover{background:#ffffff09;color:#fff}.forecast-tabs button[aria-pressed=true]{background:#abd7bd;color:#142d26;box-shadow:0 2px 14px #a9e0bf17}.forecast-panel[data-mode=night] .forecast-tabs button[aria-pressed=true]{background:#9ccbf5;color:#102641}.forecast-map{box-shadow:inset 0 0 0 1px #ffffff10}.forecast-caption{color:#aabacd}.forecast-caption a{color:var(--map-accent)}.map-empty{color:#b4c1cf}.map-empty h3{color:#e9f3fe}.empty-symbol{color:#739aa6}.alerts-panel{background:linear-gradient(145deg,#1b2c45,#101d30);border:1px solid #30425b;box-shadow:0 12px 35px #0002}.alerts-panel .eyebrow{color:#9cbee5}.alerts-panel h2{color:#f2f6fc}.alert-icon{color:#f6c877;border-color:#6d5638}.status-note{color:#aabbd0}.button-light{background:#203b58;border:1px solid #375674;color:#e2f2ff}.button-light:hover{background:#294a6b}.alert-legend{color:#91a6c0;border-color:#2b3d55}.editor-note h3{color:#e3ebf6}.editor-note p{color:#98aac2}.signature{color:#bbcadc;border-color:#25374d}.news-empty{background:linear-gradient(110deg,#142135,#101c2c);border-color:#2b3a51}.news-empty h3{color:#e8f1fd}.empty-news-mark{color:#617e9d}.news-cover{background:#1a2c41;border:1px solid #2b4058}.news-body h3{color:#e8f1fb}.cover-placeholder{background:linear-gradient(130deg,#12253a,#294668);color:#b6ddf5}.closing{border-color:#26364d}.closing p{color:#dceafa}.closing p em{color:#85c7ef}.footer{background:#060c16;border-top:1px solid #243147;color:#ccd9ed}.footer p,.footer-bottom{color:#8d9fb9}.footer-bottom{border-color:#202e42}.skip-link{background:#bcddfa;color:#102137}.hamb{background:#17243a;color:#eef4fe;border-color:#324660}.card,.region-link{background:#121f31;border-color:#2b3c53;color:#e3edf9}.region-link:hover{background:#192b42}.notice{background:#342b1d;border-color:#7d673a;color:#f0dcae}.btn{background:#234463;border-color:#365f81;color:#e8f4ff}.btn:hover{background:#315a7c;color:#fff}input,select,textarea{background:#0d192b;color:#e6effb;border:1px solid #344961;border-radius:6px;padding:9px}.login-card{background:#122136!important;border-color:#30455f!important}.login-form input{background:#0c1829!important;color:#e5effc!important;border-color:#344b65!important}.tile{background:#152439!important;color:#e1edfc!important;border-color:#2d425b!important}.badge{background:#1a2c43;border-color:#34475e;color:#bdcfe5}.admin-tool .card{background:#132137;color:#e4eefc;border-color:#2c405b}.admin-tool .top{color:#dceafa}.admin-tool input,.admin-tool textarea,.admin-tool select{background:#0d192b;color:#e5effc;border-color:#344963}.admin-tool tr{background:#15263b}.admin-tool .pill{background:#172a41;border-color:#324760;color:#c8d9ee}.admin-tool .top .btn{background:#213a56;color:#e1edfb;border-color:#3b5573}.admin-tool .hamb{background:#17283f;color:#dceafa;border-color:#34465f}.warn-body,.warn-lvl-0 .warn-body,.warn-lvl-1 .warn-body,.warn-lvl-2 .warn-body,.warn-lvl-3 .warn-body{background:#142236!important}.warn-row,.warn-foot{color:#d5e4f5!important}.warn-foot{border-color:#34475e!important}:focus-visible{outline-color:#85d6ff}
@media(max-width:760px){.topbar__in{min-height:84px}.brand-logo{width:180px}.nav{top:83px;background:#101e30;border-bottom:1px solid #2b405a}.nav .nav-panel{margin-top:8px}.forecast-panel .panel-heading h2{font-size:22px}.footer .brand-logo{width:190px}.demo-banner{font-size:9px;padding:7px 15px}.intro h1{font-size:34px}.forecast-map{box-shadow:none}}

/* Independent warning map. Static geometry avoids loading flicker and layout shifts. */
.warning-map-card{padding:32px;border:1px solid #344159;border-radius:24px;background:radial-gradient(ellipse at 50% 45%,#1c3145 0,#121d2d 65%,#111827 100%);margin-bottom:28px}
.warning-map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.warning-map-heading h2{font-size:30px;margin:9px 0;color:#f4f7fb}
.warning-map-status{padding:10px 16px;border:1px solid #465770;border-radius:24px;color:#d4e4f5;font-size:13px;background:#203044}
.warning-map-hint,.warning-map-note{color:#adbed2;font-size:13px;line-height:1.7}
.warning-map{display:block;width:100%;max-width:850px;height:auto;margin:18px auto 24px;overflow:visible}
.warning-map-region{--region:#30495e;outline:none}
.warning-map-region path{fill:var(--region);stroke:#91adc2;stroke-width:1.3;vector-effect:non-scaling-stroke}
.warning-map-region text{fill:#edf5fc;text-anchor:middle;font-family:inherit;font-size:16px;font-weight:600;pointer-events:none}
.warning-map-region .warning-map-degree{font-size:12px;font-weight:800;letter-spacing:1px}
.warning-map-region:hover path,.warning-map-region:focus-visible path{stroke:#fff;stroke-width:3;filter:brightness(1.18)}
.warning-map-region:focus-visible{outline:2px solid #fff;outline-offset:4px}
.warning-map-region.level-1{--region:#f3cb67}.warning-map-region.level-2{--region:#f39b59}.warning-map-region.level-3{--region:#dd666d}
.warning-map-region.level-1 text,.warning-map-region.level-2 text,.warning-map-region.level-3 text{fill:#182331}
.warning-map-legend{display:flex;justify-content:center;gap:16px 26px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #344159;font-size:13px;color:#d6e0ed}
.warning-map-legend span{display:inline-flex;align-items:center;gap:9px}.warning-map-legend i{display:inline-block;width:12px;height:12px;border-radius:4px;background:#30495e;border:1px solid #91adc2}.warning-map-legend .level-1{background:#f3cb67}.warning-map-legend .level-2{background:#f39b59}.warning-map-legend .level-3{background:#dd666d}
.warning-map-note{text-align:center;margin:0}
@media(max-width:600px){.warning-map-card{padding:18px 10px;border-radius:18px}.warning-map-heading,.warning-map-hint{margin-left:8px;margin-right:8px}.warning-map-heading h2{font-size:25px}.warning-map-region text{font-size:19px}.warning-map-region .warning-map-degree{font-size:16px}.warning-map-legend{gap:14px;font-size:11px}.warning-map-note{font-size:11px}.warning-map-status{font-size:12px}}

/* Compact warning overview shares the same geometry and severity data as the full map. */
.warning-map-compact{padding:0;border:0;border-radius:0;background:none;margin:18px 0 0}
.warning-map-compact .warning-map{margin:0 auto 16px;max-width:360px}
.warning-map-compact .warning-map-region path{stroke-width:.7}
.warning-map-compact .warning-map-legend{display:grid;grid-template-columns:1fr 1fr;gap:9px 5px;padding:14px 0 0;font-size:9px;justify-content:start}
.warning-map-compact .warning-map-legend span{gap:5px}
.warning-map-compact .warning-map-legend i{width:9px;height:9px;border-radius:3px;flex-shrink:0}
.weather-side .alerts-panel h2{font-size:25px;line-height:1.2}

/* Compact forecast beside a readable warning overview. */
@media(min-width:1001px){.weather-layout{grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:24px}.forecast-panel .panel-heading{padding:20px 20px 12px}.forecast-panel .panel-heading h2{font-size:25px}.forecast-tabs{margin:0 20px 16px;max-width:none}.forecast-caption{padding:13px 20px}.weather-side .alerts-panel{padding:22px}.warning-map-compact .warning-map{max-width:240px}.warning-map-compact .warning-map-legend{font-size:11px}.weather-side .editor-note{padding-top:20px}}

.forecast-caption{justify-content:flex-end}.forecast-panel .forecast-map{border-radius:12px}

/* Tighter exported map: preserve the complete 4:3 image, including date and logo. */
.forecast-map{aspect-ratio:4/3}
@media(min-width:1001px){.weather-layout{grid-template-columns:minmax(0,7fr) minmax(290px,3fr)}}

.forecast-info{margin-top:22px;padding:22px;border:1px solid #2b3c53;border-radius:16px;background:#101c2b}.forecast-info h3{font-size:20px;margin:10px 0 20px}.forecast-info dl{margin:0}.forecast-info dl>div{padding:10px 0;border-top:1px solid #2b3c53}.forecast-info dt{font-size:11px;color:#9aadc4}.forecast-info dd{margin:4px 0 0;font-size:13px;color:#e1edf9}.forecast-info p{margin:14px 0;font-size:12px;color:#a6b9ce}.forecast-info>a{font-size:12px;color:#b3d6ed;text-decoration:none}

.forecast-panel[data-mode=day]{--map-accent:#e4bd82;--map-tint:#ead8ba;background:linear-gradient(135deg,#282a30,#171e2b 70%);border-color:#494339}.forecast-panel[data-mode=day] .forecast-tabs button[aria-pressed=true]{background:#e4bd82;color:#302416}.map-guide{margin-top:22px;padding:24px;border-top:1px solid #2b3c53}.map-guide h3{font-size:21px;margin:10px 0 20px}.map-guide>div{display:flex;gap:15px;margin:18px 0}.map-guide>div>b{font-size:23px;min-width:34px;color:#e4bd82}.map-guide p{font-size:12px;color:#aabbd0;margin:0}.map-guide strong{display:block;color:#e0e9f5;font-size:13px;margin-bottom:4px}.map-guide>a{display:block;font-size:12px;color:#b3d6ed;text-decoration:none;margin-top:20px}

.forecast-panel[data-mode=day]{--map-accent:#b8d9d5;--map-tint:#dbe7e8;background:linear-gradient(135deg,#1b2932,#171e2b 70%);border-color:#344954}.forecast-panel[data-mode=day] .forecast-tabs button[aria-pressed=true]{background:#bfd5de;color:#162b3b}

/* Final spacing, readable touch targets and a full-size map viewer. */
.forecast-panel,.alerts-panel{box-shadow:0 16px 44px #00000018}
.forecast-tabs button{min-height:44px;transition:background-color .15s,color .15s}
#heroMap{cursor:zoom-in}.forecast-caption a{display:inline-flex;align-items:center;min-height:32px;padding:2px 5px}
.weather-side{align-self:start}.status-note{line-height:1.8}.region-link{transition:background-color .15s,border-color .15s}.region-link:hover{border-color:#7399ba}
.news-empty{border:1px solid #2b3a51;border-radius:16px;padding:30px}.news-empty h3{max-width:650px}.news-section{padding-top:6px}
.map-viewer{width:min(1400px,96vw);max-width:96vw;max-height:94dvh;border:1px solid #40536e;border-radius:18px;padding:0;background:#0d1828;color:#edf5fc;box-shadow:0 25px 100px #0008}
.map-viewer::backdrop{background:#020810dc;backdrop-filter:blur(8px)}.map-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px}.map-viewer-bar h2{font-size:18px;margin:0;letter-spacing:0}.map-viewer-bar button{min-height:44px;border:1px solid #465b75;border-radius:8px;padding:8px 16px;color:#eef5fd;background:#23344b}.map-viewer-content{padding:0 12px 12px;overflow:auto}.map-viewer-content img{display:block;width:100%;height:auto;max-height:calc(94dvh - 90px);object-fit:contain;border-radius:8px}.map-viewer-open{overflow:hidden}
@media(min-width:1001px){.weather-side{position:sticky;top:24px}}
@media(min-width:761px) and (max-width:1000px){.weather-layout{grid-template-columns:1fr}.weather-side .alerts-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.weather-side .alerts-panel>.panel-heading,.weather-side .alerts-panel>h2,.weather-side .alerts-panel>.status-note,.weather-side .alerts-panel>.alert-list,.weather-side .alerts-panel>.button-light{grid-column:1}.weather-side .warning-map-compact{grid-column:2;grid-row:1/6;align-self:center;margin:0}}
@media(max-width:760px){.container{width:calc(100% - 24px)}.intro h1{font-size:clamp(28px,7.7vw,38px);letter-spacing:-1.2px}.intro-copy{margin-top:14px}.edition{margin-bottom:22px}.forecast-panel .panel-heading{padding:18px 16px 13px}.forecast-map{margin-inline:6px;border-radius:8px;min-height:0}.forecast-tabs{margin-inline:10px;gap:2px}.forecast-tabs button{font-size:10px}.forecast-caption{padding:7px 10px}.weather-layout{gap:18px}.warning-map-compact .warning-map{max-width:240px}.warning-map-compact .warning-map-legend{font-size:11px}.footer{padding-top:30px}.map-viewer-bar{padding:10px}.map-viewer-bar h2{font-size:14px}.map-viewer-content{padding:0 4px 4px}.map-viewer-content img{min-width:700px;max-height:none;width:700px}.map-viewer-content{max-height:calc(94dvh - 70px)}}

.news-section{margin-bottom:60px}.news-card{min-width:0}.news-card-lead .news-cover{aspect-ratio:4/3}.news-body .eyebrow{align-items:center;flex-wrap:wrap}.news-body h3 a:hover{color:#b6dcf3}

/* Consistent contrast for empty, loading and unavailable forecasts in both modes. */
.forecast-map .map-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;background:radial-gradient(ellipse at 50% 30%,#203b55 0%,#101e30 65%);color:#b8cce0;text-align:center}
.forecast-map .map-empty h3{color:#f0f6ff;font-size:clamp(18px,2vw,24px);margin:0 0 10px}
.forecast-map .map-empty p{color:#b8cce0;max-width:340px;line-height:1.7}
.forecast-map .map-empty .empty-symbol{color:#91c8ed;font-size:58px;line-height:1;margin-bottom:22px;text-shadow:0 4px 24px #69baff25}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}

.storm-panel{margin-top:20px;padding:25px;border:1px solid #514538;border-radius:14px;background:radial-gradient(ellipse at 100% 0%,#59402740,transparent 70%),#131e2e;color:#eef4ff}.storm-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.storm-panel .eyebrow{color:#e7bb79}.storm-symbol{display:grid;place-items:center;width:34px;height:34px;background:#e7bb7912;border:1px solid #e7bb7940;border-radius:10px;color:#f2ca83;font-size:28px;line-height:1}.storm-panel h2{font-size:28px;margin:12px 0 16px}.storm-panel h3{font-size:18px;line-height:1.4;margin:16px 0 12px}.storm-panel h3 a{text-decoration:none;color:#edf4ff}.storm-copy{font-size:13px;color:#acbbce;line-height:1.7;margin:0 0 12px}.storm-date{font-size:11px;color:#b7a68c;margin-bottom:14px}.storm-image{display:block;border-radius:9px;overflow:hidden;background:#0a1524}.storm-image img{display:block;width:100%;height:auto}.storm-link{display:flex;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #e7bb7925;color:#f0ca8d;font-size:12px;font-weight:700;text-decoration:none}.storm-link:hover,.storm-panel h3 a:hover{color:#fff}