:root{
  --blue-950:#0a2344;
  --blue-900:#10366b;
  --blue-800:#17498c;
  --blue-700:#1e5ba8;
  --blue-600:#2774c4;
  --blue-500:#3a91df;
  --blue-100:#e9f2fb;
  --cyan:#26b6e8;
  --red:#d71920;
  --red-dark:#a70008;
  --orange:#f28c00;
  --yellow:#ffd54a;
  --green:#55a63a;
  --surface:#ffffff;
  --surface-soft:#f3f6f9;
  --surface-blue:#e8f0f8;
  --text:#1e2c3a;
  --muted:#67798a;
  --line:#d6dde5;
  --line-strong:#bfc9d3;
  --shadow:0 9px 24px rgba(14,42,74,.12);
  --portal:1190px;
}
html[data-theme="dark"]{
  --surface:#0f1b29;
  --surface-soft:#142233;
  --surface-blue:#182b42;
  --text:#edf4fb;
  --muted:#a7b6c5;
  --line:#2d3d4e;
  --line-strong:#3d5267;
  --shadow:0 12px 30px rgba(0,0,0,.3);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:#eef2f5;color:var(--text);min-height:100vh}
html[data-theme="dark"] body{background:#08111c}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.portal-width{width:min(var(--portal),calc(100% - 28px));margin:0 auto}

.utility-bar{height:38px;background:#234c96;color:#fff;font-size:12px}
.utility-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}
.utility-links,.utility-actions{display:flex;align-items:center;height:100%}
.utility-links a,.utility-links span{padding:0 15px;border-right:1px solid rgba(255,255,255,.15);height:100%;display:flex;align-items:center}
.utility-links a:hover{background:rgba(255,255,255,.08)}
.utility-actions{margin-left:auto}
.header-weather{display:flex;align-items:center;gap:6px;padding:0 14px;height:100%;border-left:1px solid rgba(255,255,255,.15)}
.header-weather svg{width:17px;height:17px}
.header-warning{height:100%;background:#e30613;display:flex;align-items:center;gap:8px;padding:0 16px;font-size:12px;letter-spacing:.02em}
.header-warning:hover{background:#bd0711}
.header-warning svg{width:20px;height:20px}
.utility-icon{width:42px;height:100%;border:0;background:transparent;color:#fff;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.15)}
.utility-icon:hover{background:rgba(255,255,255,.1)}
.utility-icon svg{width:18px;height:18px}
.mobile-toggle{display:none}

.brand-bar{background:linear-gradient(90deg,#f3f8fd 0%,#dbe9f7 60%,#c3d8ed 100%);border-bottom:1px solid #b9cde1}
html[data-theme="dark"] .brand-bar{background:linear-gradient(90deg,#0d2036,#142d49)}
.brand-inner{height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.portal-brand{display:flex;align-items:center;gap:18px;min-width:0}
.portal-brand img{width:150px;height:94px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,38,84,.18))}
.brand-text strong{display:block;font-size:26px;line-height:1;color:#17498c;letter-spacing:-.04em}
html[data-theme="dark"] .brand-text strong{color:#76caff}
.brand-text span{display:block;margin-top:8px;color:#33495d;font-size:14px;font-weight:600}
html[data-theme="dark"] .brand-text span{color:#b5c9dc}
.brand-claim{display:flex;align-items:center;gap:0;border:1px solid #b7c9da;background:rgba(255,255,255,.45)}
.brand-claim span{padding:14px 18px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#28527f;border-right:1px solid #c4d3e0}
.brand-claim span:last-child{border-right:0}
html[data-theme="dark"] .brand-claim{background:rgba(255,255,255,.03);border-color:#36506b}
html[data-theme="dark"] .brand-claim span{color:#b9d5ed;border-color:#36506b}

.main-navigation{background:#fff;border-bottom:5px solid #3779be}
html[data-theme="dark"] .main-navigation{background:#0f1c2a}
.nav-tabs{display:flex;align-items:stretch;height:64px}
.nav-tabs>a,.nav-dropdown>a{display:flex;align-items:center;justify-content:center;padding:0 23px;border-right:1px solid #d8e0e7;color:#2f5a8b;font-size:13px;font-weight:700;letter-spacing:.025em;transition:.15s ease}
html[data-theme="dark"] .nav-tabs>a,html[data-theme="dark"] .nav-dropdown>a{color:#bdd2e7;border-color:#283b4d}
.nav-tabs>a:first-child{border-left:1px solid #d8e0e7}
.nav-tabs>a:hover,.nav-dropdown>a:hover,.nav-tabs>a.active,.nav-dropdown>a.active{background:#e8f1fa;color:#16477c;box-shadow:inset 0 -5px 0 #e30613}
html[data-theme="dark"] .nav-tabs>a:hover,html[data-theme="dark"] .nav-dropdown>a:hover,html[data-theme="dark"] .nav-tabs>a.active,html[data-theme="dark"] .nav-dropdown>a.active{background:#172b40;color:#fff}
.nav-dropdown{position:relative;display:flex}
.nav-dropdown>a{gap:8px}
.nav-dropdown>a svg{width:15px;height:15px}
.nav-dropdown-menu{position:absolute;top:64px;left:0;width:290px;background:#fff;border:1px solid #bfcbd6;border-top:4px solid #e30613;box-shadow:0 12px 30px rgba(12,35,59,.2);display:none;z-index:50}
html[data-theme="dark"] .nav-dropdown-menu{background:#101e2d;border-color:#34485c}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block;padding:14px 16px;border-bottom:1px solid var(--line)}
.nav-dropdown-menu a:last-child{border-bottom:0}
.nav-dropdown-menu span{display:block;color:var(--text);font-size:14px;font-weight:800}
.nav-dropdown-menu small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.mobile-nav{display:none;background:var(--surface);border-bottom:1px solid var(--line);padding:10px}
.mobile-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mobile-nav a{padding:12px 14px;border:1px solid var(--line);background:var(--surface-soft);font-weight:700;color:var(--text)}

.hero-zone{background-image:linear-gradient(rgba(35,93,156,.72),rgba(35,93,156,.72)),url('hero-shelfcloud.webp');background-position:center;background-size:cover;padding:42px 0 115px}
.hero-title{color:#fff;max-width:850px}
.hero-title .eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.hero-title h1{font-size:42px;line-height:1.08;margin:0;letter-spacing:-.045em;text-shadow:0 3px 12px rgba(0,0,0,.3)}
.hero-title p{font-size:18px;line-height:1.65;margin:14px 0 0;max-width:760px;color:#eef7ff}

.portal-main{margin-top:-76px;padding-bottom:36px}
.home-grid{display:grid;grid-template-columns:1.6fr .72fr .78fr;gap:28px;align-items:start}
.portal-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.card-title{font-size:22px;font-weight:500;margin:0;color:#394a5b}
html[data-theme="dark"] .card-title{color:#e7f2fb}
.card-head{padding:19px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.card-head small{color:var(--muted)}
.card-body{padding:20px}
.card-footer{padding:14px 20px;background:var(--surface-soft);border-top:1px solid var(--line)}
.card-footer a{color:#1c59a0;font-size:13px;font-weight:700}
html[data-theme="dark"] .card-footer a{color:#70bff1}

.current-weather{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:22px}
.current-icon{font-size:66px;line-height:1}
.current-temp{font-size:54px;font-weight:800;letter-spacing:-.065em}
.current-place{font-size:19px;font-weight:700;margin-bottom:5px}
.current-desc{color:var(--muted);font-size:14px}
.current-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}
.current-metric{background:var(--surface);padding:14px 13px}
.current-metric span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.current-metric b{display:block;margin-top:5px;font-size:15px}

.alert-card{border-top:6px solid #e30613}
.alert-card.info{border-top-color:#2378b9}.alert-card.warning{border-top-color:#f2a000}.alert-card.severe,.alert-card.extreme{border-top-color:#e30613}
.alert-summary{display:flex;gap:16px;align-items:flex-start}
.alert-symbol{width:52px;height:52px;background:#e30613;color:white;display:grid;place-items:center;flex:0 0 auto}
.alert-symbol svg{width:29px;height:29px}
.alert-summary h2{margin:0;font-size:24px;line-height:1.2}
.alert-summary p{margin:8px 0 0;color:var(--muted);line-height:1.65}
.alert-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:13px}
.alert-content{white-space:pre-line;line-height:1.7;font-size:15px}
.alert-graphic{width:100%;max-height:520px;object-fit:cover;border-top:1px solid var(--line)}
.no-alert{padding:24px;display:flex;gap:15px;align-items:center}
.no-alert i,.no-alert svg{color:#4d9b33}

.warning-map{padding:12px}
.warning-map img{width:100%;height:245px;object-fit:contain;background:#eef2f5}
html[data-theme="dark"] .warning-map img{background:#0a1420}

.weather-outlook{display:grid;gap:12px}
.outlook-item{border-left:5px solid #2c76ba;background:var(--surface-soft);padding:14px 15px}
.outlook-item strong{display:block;font-size:14px;margin-bottom:5px}
.outlook-item span{font-size:13px;color:var(--muted);line-height:1.55}

.section-strip{margin-top:28px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.section-strip-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.section-strip-head h2{margin:0;font-size:22px;font-weight:500}
.section-strip-head a{font-size:13px;color:#1d5b9e;font-weight:700}
.hour-grid{display:grid;grid-template-columns:repeat(8,1fr)}
.hour-item{padding:16px 10px;border-right:1px solid var(--line);text-align:center}
.hour-item:last-child{border-right:0}
.hour-item b{display:block;font-size:13px}
.hour-item .wx{font-size:28px;margin:9px 0}
.hour-item strong{font-size:20px}
.hour-item small{display:block;color:var(--muted);margin-top:5px;font-size:11px}

.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}
.info-card .card-body{min-height:245px}
.news-list{display:grid;gap:0}
.news-item{display:grid;grid-template-columns:86px 1fr;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}
.news-item:last-child{border-bottom:0}
.news-item img{width:86px;height:68px;object-fit:cover}
.news-item strong{display:block;font-size:14px;line-height:1.35}
.news-item span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.quick-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quick-link{background:var(--surface-soft);border:1px solid var(--line);padding:13px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px}
.quick-link:hover{background:var(--blue-100)}
html[data-theme="dark"] .quick-link:hover{background:#1a3045}
.quick-link svg{width:21px;height:21px;color:#246cb1}

.page-band{background:linear-gradient(90deg,#3979bc,#659bcf);padding:28px 0;color:#fff;border-bottom:5px solid #2a5f99}
.page-band h1{margin:0;font-size:34px;font-weight:600;letter-spacing:-.035em}
.page-band p{margin:8px 0 0;max-width:760px;line-height:1.6;color:#eef6fd}
.content-wrap{padding:28px 0 45px}
.content-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}

.form-bar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:22px}
.field{display:grid;gap:6px;min-width:220px}
.field label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--muted)}
.select,input[type="date"]{height:44px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);padding:0 12px;min-width:220px}

.forecast-summary{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.forecast-big{font-size:48px;font-weight:800}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.metric-cell{padding:14px;border-right:1px solid var(--line)}
.metric-cell:last-child{border-right:0}
.metric-cell span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}
.metric-cell b{display:block;margin-top:5px}
.daily-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.day-card{padding:16px 12px;border-right:1px solid var(--line);min-height:190px}
.day-card:last-child{border-right:0}
.day-card .day{font-weight:800;font-size:13px}
.day-card .icon{font-size:28px;margin:10px 0}
.day-card .temps{font-size:20px;font-weight:800}
.day-card .temps small{color:var(--muted);font-size:14px}
.day-card p{font-size:12px;color:var(--muted);line-height:1.5}

.model-layout{display:grid;grid-template-columns:285px 1fr;gap:22px}
.model-sidebar{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.model-sidebar h2{margin:0;padding:17px 18px;font-size:18px;font-weight:600;border-bottom:1px solid var(--line)}
.model-group{padding:14px 16px;border-bottom:1px solid var(--line)}
.model-group:last-child{border-bottom:0}
.model-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted);margin-bottom:8px}
.model-buttons,.parameter-buttons{display:grid;gap:7px}
.model-button,.parameter-button{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);padding:10px 11px;text-align:left;font-size:13px;font-weight:700}
.model-button:hover,.parameter-button:hover{background:#e9f2fb}
.model-button.active,.parameter-button.active{background:#2a70b3;color:#fff;border-color:#2a70b3}
html[data-theme="dark"] .model-button:hover,html[data-theme="dark"] .parameter-button:hover{background:#1b3045}
.model-main{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.model-toolbar{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px}
.model-toolbar h2{margin:0;font-size:19px;font-weight:600}
.model-toolbar span{color:var(--muted);font-size:12px}
.model-frame{position:relative;background:#0d1721}
.model-frame iframe{display:block;width:100%;height:690px;border:0}
.model-loading{position:absolute;inset:0;background:rgba(7,15,24,.8);color:#fff;display:grid;place-items:center;font-weight:800;z-index:2}
.model-loading.hidden{display:none}
.model-legend{padding:16px 18px;border-top:1px solid var(--line);background:var(--surface-soft)}
.legend-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}
.legend-head b{font-size:14px}.legend-head span{font-size:12px;color:var(--muted)}
.legend-bar{height:18px;border:1px solid rgba(0,0,0,.15)}
.legend-values{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:5px}
.legend-cats{display:flex;gap:12px;flex-wrap:wrap}
.legend-cat{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.legend-cat i{width:14px;height:14px;border:1px solid rgba(0,0,0,.2)}

.radar-frame{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.radar-frame iframe{display:block;width:100%;height:720px;border:0}
.radar-caption{padding:13px 16px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}

.archive-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.kpi{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:18px}
.kpi span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.kpi b{display:block;margin-top:7px;font-size:25px}
.chart-wrap{position:relative;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:20px;margin-bottom:22px}
.chart-wrap svg{width:100%;height:350px;display:block}
.chart-grid{stroke:var(--line);stroke-width:1}.chart-label{fill:var(--muted);font-size:11px}.chart-point{fill:#fff;stroke:#2774c4;stroke-width:3}.chart-cross{stroke:#d71920;stroke-width:1.5;stroke-dasharray:5 4}.chart-tip-bg{fill:#0c2238;stroke:#3b8dcb;stroke-width:1}.chart-tip-title{fill:#fff;font-size:12px;font-weight:700}.chart-tip-value{fill:#9fdcff;font-size:12px}
.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid var(--line);font-size:13px}th{background:var(--surface-soft);font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.06em}

.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.about-photo{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.about-photo img{width:100%;height:480px;object-fit:cover}.about-photo .caption{padding:14px 16px;color:var(--muted);font-size:12px}.about-text{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:25px}.about-text h2{margin:0 0 14px;font-size:27px}.about-text p{line-height:1.78;color:var(--muted);margin:0 0 15px}.fact-list{border-top:1px solid var(--line);margin-top:22px}.fact-row{display:grid;grid-template-columns:160px 1fr;padding:13px 0;border-bottom:1px solid var(--line);gap:20px}.fact-row b{font-size:13px}.fact-row span{font-size:13px;color:var(--muted)}

.legal-page{background:#f1f4f7;min-height:100vh;padding:35px 0}.legal-shell{width:min(920px,calc(100% - 28px));margin:auto;background:#fff;border:1px solid #d3dce5;box-shadow:var(--shadow)}.legal-brand{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:5px solid #2b6ca7}.legal-brand img{width:92px;height:68px;object-fit:contain}.legal-brand strong{font-size:22px;color:#17498c}.legal-content{padding:26px}.legal-content section{padding:18px 0;border-bottom:1px solid #d6dde5}.legal-content section:last-child{border-bottom:0}.legal-content h1,.legal-content h2{color:#253b50}.legal-content p{line-height:1.7;color:#5f7181}.legal-back{display:inline-block;margin:0 26px 26px;color:#1c5d9f;font-weight:700}

.maintenance-page{min-height:100vh;background:linear-gradient(rgba(13,43,77,.86),rgba(13,43,77,.86)),url('hero-shelfcloud.webp') center/cover;display:grid;place-items:center;padding:20px}.maintenance-box{width:min(620px,100%);background:#fff;border-top:7px solid #e30613;box-shadow:0 20px 60px rgba(0,0,0,.35);padding:34px;text-align:center}.maintenance-box img{width:190px;margin:0 auto 18px}.maintenance-box h1{font-size:31px;color:#20384f}.maintenance-box p{color:#66798a;line-height:1.7}.maintenance-box a{display:inline-block;margin-top:18px;color:#1c5b98;font-weight:700}

.site-footer{background:#133d72;color:#fff;border-top:6px solid #2b75b6}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding:34px 0}.footer-brand{display:flex;gap:14px;align-items:center}.footer-brand img{width:100px;height:78px;object-fit:contain}.footer-brand strong{display:block;font-size:19px}.footer-brand span{display:block;color:#c5d7e8;font-size:12px;margin-top:5px}.footer-grid h4{margin:0 0 12px;font-size:14px}.footer-grid>div>a{display:block;color:#cadcec;font-size:12px;margin:8px 0}.footer-grid>div>a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding:14px 0 18px;display:flex;justify-content:space-between;gap:20px;color:#c4d6e7;font-size:11px}

.admin-page{background:#e9eef3}.admin-shell{width:min(1180px,calc(100% - 28px));margin:28px auto}.admin-brand{display:flex;align-items:center;gap:13px;margin-bottom:20px}.admin-brand img{width:95px;height:72px;object-fit:contain}.admin-brand strong{display:block;font-size:22px;color:#17498c}.admin-brand span{color:#6e8090;font-size:13px}.admin-card{background:#fff;border:1px solid #d5dde5;box-shadow:var(--shadow);padding:22px}.admin-narrow{max-width:520px;margin:auto}.admin-card h1,.admin-card h2{color:#23384c}.admin-card label{display:grid;gap:7px;margin:12px 0;font-size:12px;font-weight:800;color:#5f7181}.admin-card input,.admin-card select,.admin-card textarea{width:100%;padding:11px;border:1px solid #bcc8d3;background:#fff;color:#1c2c3b}.admin-primary{background:#1b5c9b;color:#fff;border:0;padding:12px 18px;font-weight:800}.admin-primary:hover{background:#164b7e}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-span-2{grid-column:1/-1}.admin-card-head,.admin-top,.admin-savebar{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#1d67a7;font-size:11px;font-weight:900}.admin-switch{display:flex!important;grid-template-columns:auto auto;align-items:center;gap:8px}.admin-switch input{width:auto}.admin-actions{display:flex;gap:9px}.admin-actions button{border:1px solid #aebbc7;background:#f3f6f9;padding:9px 12px}.admin-savebar{position:sticky;bottom:0;background:#0f3158;color:#fff;padding:14px 18px;margin-top:20px}.admin-top-actions{display:flex;gap:12px}.admin-top-actions a{color:#1c5c99;font-weight:700}.admin-status{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #d8e0e7}.admin-message{padding:13px 15px;margin:12px 0}.admin-error{background:#ffe2e2;color:#9c1111}.admin-success{background:#e4f5df;color:#2d6c20}.admin-help{font-size:12px;color:#6a7d8d;line-height:1.6}

@media(max-width:1050px){
  .brand-claim{display:none}.home-grid{grid-template-columns:1fr 1fr}.home-grid>.portal-card:first-child{grid-column:1/-1}.hour-grid{grid-template-columns:repeat(4,1fr)}.hour-item:nth-child(4n){border-right:0}.info-grid{grid-template-columns:1fr 1fr}.info-card:last-child{grid-column:1/-1}.daily-grid{grid-template-columns:repeat(4,1fr)}.model-layout{grid-template-columns:230px 1fr}.model-frame iframe{height:620px}.about-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}
}
@media(max-width:780px){
  .utility-links{display:none}.utility-inner{justify-content:flex-end}.mobile-toggle{display:grid}.header-weather{display:none}.brand-inner{height:90px}.portal-brand img{width:118px;height:76px}.brand-text strong{font-size:21px}.brand-text span{font-size:12px}.main-navigation{display:none}.mobile-nav.open{display:grid}.hero-zone{padding:30px 0 95px}.hero-title h1{font-size:31px}.hero-title p{font-size:15px}.portal-main{margin-top:-58px}.home-grid,.info-grid,.content-grid-2,.model-layout{grid-template-columns:1fr}.info-card:last-child{grid-column:auto}.hour-grid{grid-template-columns:repeat(2,1fr)}.hour-item:nth-child(2n){border-right:0}.current-metrics,.metric-row{grid-template-columns:repeat(2,1fr)}.daily-grid{grid-template-columns:repeat(2,1fr)}.model-sidebar{display:grid;grid-template-columns:1fr 1fr}.model-sidebar h2{grid-column:1/-1}.model-group{border-right:1px solid var(--line)}.model-frame iframe,.radar-frame iframe{height:520px}.archive-kpis{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.admin-grid,.admin-form-grid{grid-template-columns:1fr}.admin-span-2{grid-column:auto}.about-photo img{height:380px}
}
@media(max-width:520px){
  .portal-width{width:min(100% - 16px,var(--portal))}.utility-bar{height:42px}.header-warning{padding:0 10px}.header-warning strong{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-inner{height:82px}.portal-brand img{width:92px;height:66px}.brand-text strong{font-size:18px}.brand-text span{display:none}.hero-title h1{font-size:27px}.home-grid{gap:16px}.card-head{padding:15px}.card-body{padding:15px}.current-weather{padding:16px}.current-icon{font-size:48px}.current-temp{font-size:44px}.current-metrics,.metric-row{grid-template-columns:1fr 1fr}.hour-grid{grid-template-columns:1fr 1fr}.info-grid{gap:16px}.model-sidebar{grid-template-columns:1fr}.model-sidebar h2{grid-column:auto}.model-group{border-right:0}.model-frame iframe,.radar-frame iframe{height:430px}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.mobile-nav.open{grid-template-columns:1fr}.fact-row{grid-template-columns:1fr;gap:5px}.about-photo img{height:300px}
}

/* V13 – Redaktion, Regionalberichte, DWD-Warnungen und Modellkarten */
.official-warning-card .warning-map{border-bottom:1px solid var(--line)}
.dwd-warning-list{padding:12px;display:grid;gap:10px;max-height:370px;overflow:auto;background:var(--surface-soft)}
.dwd-loading{padding:14px;color:var(--muted);font-size:12px;text-align:center}
.dwd-none{display:flex;align-items:flex-start;gap:11px;padding:13px;background:var(--surface);border:1px solid var(--line);color:#2c6f3f}
.dwd-none svg{width:22px;height:22px;flex:0 0 auto}.dwd-none strong{display:block;font-size:13px}.dwd-none span{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:3px}
.dwd-warning{background:var(--surface);border:1px solid var(--line);border-left:6px solid #f4df26;padding:12px}
.dwd-warning.level-2{border-left-color:#f28c20}.dwd-warning.level-3{border-left-color:#d71920}.dwd-warning.level-4{border-left-color:#8d1b86}
.dwd-warning-top{display:grid;gap:4px}.dwd-warning-top span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}.dwd-warning-top b{font-size:13px;color:var(--text)}
.dwd-warning-time{font-size:10px;color:var(--muted);margin-top:6px}.dwd-warning p{font-size:11px;line-height:1.5;color:var(--muted);margin:8px 0}.dwd-warning small{display:block;font-size:10px;line-height:1.45;color:var(--muted);border-top:1px solid var(--line);padding-top:7px}

.region-news-card{grid-column:auto}.region-news-grid{display:grid;gap:12px}.region-news-item{display:grid;grid-template-columns:112px 1fr;gap:12px;border:1px solid var(--line);background:var(--surface-soft);transition:.15s ease}.region-news-item:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(18,59,92,.12)}.region-news-item img{width:112px;height:94px;object-fit:cover}.region-news-item>div{padding:10px 10px 9px 0;min-width:0}.region-news-item span{display:block;color:#2a70b3;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.region-news-item strong{display:block;margin-top:4px;font-size:13px;line-height:1.3}.region-news-item p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.region-news-item.featured{border-left:5px solid #d71920}
.article-detail{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.article-hero{width:100%;max-height:660px;object-fit:cover}.article-copy{padding:28px;font-size:15px;line-height:1.85;color:var(--muted);white-space:normal}

.model-card-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.model-card-button{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 10px;align-items:center;text-align:left;background:linear-gradient(145deg,#123f72,#286ea8);color:#fff;border:0;border-top:4px solid #65baf2;padding:16px 17px;box-shadow:var(--shadow);cursor:pointer}.model-card-button span{font-size:19px;font-weight:800}.model-card-button small{font-size:10px;color:#d9eafa}.model-card-button svg{grid-column:2;grid-row:1/3;width:19px}.model-card-button.active{background:linear-gradient(145deg,#0c2e56,#174f86);border-top-color:#f6c92c;box-shadow:0 0 0 3px rgba(246,201,44,.22),var(--shadow)}
.model-parameter-strip{display:flex;gap:7px;overflow:auto;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:10px;margin-bottom:16px}.model-parameter-strip .parameter-button{white-space:nowrap;text-align:center;padding:10px 14px}.model-main-v13{border-top:5px solid #2a70b3}.model-main-v13 .model-frame iframe{height:720px}

.about-grid-v13{align-items:start}.about-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.about-gallery img{width:100%;height:190px;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow)}

.maintenance-box-v13{border-top:0;border-radius:2px;background:rgba(255,255,255,.96);position:relative;overflow:hidden}.maintenance-box-v13:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,#174f8b,#29a6e8,#efc92a,#d71920)}.maintenance-status{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;background:#eef5fb;color:#245d8f;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.maintenance-status span{width:8px;height:8px;border-radius:50%;background:#ef9a22;box-shadow:0 0 0 5px rgba(239,154,34,.16)}.maintenance-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.maintenance-actions a{margin-top:18px;padding:11px 15px;border:1px solid #b9c8d6;background:#f4f7fa}.maintenance-actions a:first-child{background:#1b5c9b;color:#fff;border-color:#1b5c9b}

.admin-tabs{display:flex;gap:7px;margin:0 0 18px;flex-wrap:wrap}.admin-tabs a,.admin-secondary{padding:9px 12px;background:#fff;border:1px solid #c8d3dd;color:#205d96;font-weight:800;font-size:12px}.admin-full{width:100%;margin-top:15px}.admin-graphic-preview{max-width:280px;margin:12px 0;border:1px solid #cbd6df}.admin-articles{margin-top:20px}.admin-article-list{display:grid;gap:10px}.admin-article-list article{display:grid;grid-template-columns:130px 1fr auto;gap:14px;align-items:center;border:1px solid #d7dfe7;background:#f7f9fb;padding:8px}.admin-article-list img{width:130px;height:86px;object-fit:cover}.admin-article-list span{font-size:10px;color:#2a70b3;text-transform:uppercase;font-weight:800}.admin-article-list h3{margin:4px 0;font-size:15px}.admin-article-list p{margin:0;color:#6c7e8d;font-size:11px}.admin-row-actions{display:flex;gap:8px;align-items:center}.admin-row-actions a,.admin-row-actions button{border:1px solid #b7c4cf;background:#fff;color:#245e94;padding:8px 10px;font-size:11px;font-weight:800}.admin-row-actions button{color:#a71919}.admin-editor-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.admin-checks{display:flex;gap:18px}.admin-checks label{display:flex!important;align-items:center;gap:7px}.admin-checks input{width:auto}.region-preview{border:1px solid #cdd7e0;background:#f7f9fb}.region-preview img{width:100%;height:230px;object-fit:cover}.region-preview div{padding:15px}.region-preview span{font-size:10px;text-transform:uppercase;color:#2a70b3;font-weight:800}.region-preview h3{margin:5px 0;font-size:20px}.region-preview p{margin:0;color:#6a7d8c;line-height:1.55}

@media(max-width:1050px){.model-card-selector{grid-template-columns:repeat(2,1fr)}.about-gallery{grid-template-columns:repeat(2,1fr)}.admin-editor-grid{grid-template-columns:1fr}.admin-article-list article{grid-template-columns:110px 1fr}.admin-row-actions{grid-column:1/-1;justify-content:flex-end}.admin-article-list img{width:110px}}
@media(max-width:780px){.model-card-selector{grid-template-columns:1fr 1fr}.model-main-v13 .model-frame iframe{height:560px}.region-news-item{grid-template-columns:94px 1fr}.region-news-item img{width:94px;height:90px}.article-copy{padding:20px}.about-gallery img{height:150px}}
@media(max-width:520px){.model-card-selector{grid-template-columns:1fr}.model-main-v13 .model-frame iframe{height:460px}.region-news-item{grid-template-columns:88px 1fr}.region-news-item img{width:88px;height:92px}.about-gallery{grid-template-columns:1fr 1fr}.about-gallery img{height:120px}.admin-article-list article{grid-template-columns:1fr}.admin-article-list img{width:100%;height:170px}.admin-row-actions{grid-column:auto;justify-content:flex-start}.maintenance-box-v13{padding:26px 20px}}
.admin-warning-overview{margin-bottom:20px}.admin-empty{padding:18px;border:1px dashed #c4d0db;background:#f7f9fb;color:#6b7e8e}.admin-warning-list{display:grid;gap:10px;margin-top:16px}.admin-warning-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #d5dee6;background:#f7f9fb;padding:14px}.warning-level-dot{width:12px;height:42px;border-radius:999px;background:#2b76b7}.warning-level-dot.level-warning{background:#e09b19}.warning-level-dot.level-severe{background:#d33a2f}.warning-level-dot.level-extreme{background:#7c1d8f}.admin-warning-copy h3{margin:4px 0 3px;color:#22384c;font-size:16px}.admin-warning-copy p{margin:0;color:#65798a;font-size:12px}.admin-warning-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#738595;font-size:10px;font-weight:800;text-transform:uppercase}.warning-status{padding:4px 7px;background:#dfe8f1;color:#295a86}.status-aktiv .warning-status{background:#dff2e0;color:#2c702e}.status-abgelaufen .warning-status{background:#f0e6e6;color:#8a3838}.status-geplant .warning-status{background:#e6e4f5;color:#5b4b96}.admin-row-actions form{margin:0}.admin-row-actions button.danger{color:#a71919;border-color:#d8b5b5}.admin-publish-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid #d7e0e7}.admin-secondary-button{border:1px solid #aebbc7;background:#f3f6f9;color:#285f91;padding:12px 18px;font-weight:800}.admin-secondary-button:hover{background:#e8eef4}@media(max-width:760px){.admin-warning-row{grid-template-columns:12px 1fr}.admin-warning-row .admin-row-actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.admin-publish-bar{align-items:stretch;flex-direction:column}.admin-publish-bar .admin-actions{flex-wrap:wrap}}

/* V13.2: kompakter Startseitenaufbau ohne leere Grid-Zeilen */
.home-dashboard{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.78fr) minmax(300px,.82fr);
  gap:24px;
  align-items:start;
}
.home-left-stack{display:grid;gap:24px;align-content:start;min-width:0}
.current-card,.alert-card,.official-warning-card,.home-hours-card{height:auto;align-self:start}
.home-hours-card{margin-top:0}
.home-left-stack .hour-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-left-stack .hour-item:nth-child(4){border-right:0}
.home-left-stack .hour-item:nth-child(n+5){border-top:1px solid var(--line)}

/* Transparente, breite Warnbanner statt hoher Posterbilder */
.alert-banner-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:92px;
  padding:12px 14px 6px;
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:linear-gradient(135deg,rgba(20,65,105,.08),rgba(227,6,19,.035));
}
.alert-banner{
  display:block;
  width:100%;
  height:auto;
  max-height:122px;
  object-fit:contain;
  filter:drop-shadow(0 8px 16px rgba(5,30,52,.18));
}
.alert-graphic{display:none!important}
.alert-card .alert-content{padding-top:16px}
.alert-card .card-body:last-child{padding-bottom:18px}

/* DWD-Karte kompakter, Warntexte bleiben scrollbar */
.official-warning-card .warning-map img{height:210px}
.dwd-warning-list{max-height:330px}

/* Backend: transparente Banner-Vorschau */
.admin-banner-preview-wrap{
  margin-top:14px;
  padding:14px;
  border:1px solid #d7e0e7;
  background:linear-gradient(135deg,#f7fafc,#edf4f9);
}
.admin-banner-preview-wrap>span{
  display:block;
  margin-bottom:10px;
  color:#667b8c;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.admin-banner-preview{
  display:block;
  width:100%;
  max-height:150px;
  object-fit:contain;
}

@media(max-width:1180px){
  .home-dashboard{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);}
  .home-left-stack{grid-column:1}
  .alert-card{grid-column:2;grid-row:1}
  .official-warning-card{grid-column:2;grid-row:2}
}
@media(max-width:900px){
  .home-dashboard{grid-template-columns:1fr}
  .home-left-stack,.alert-card,.official-warning-card{grid-column:auto;grid-row:auto}
  .home-left-stack .hour-grid{grid-template-columns:repeat(4,minmax(110px,1fr));overflow-x:auto}
}
@media(max-width:560px){
  .home-left-stack .hour-grid{grid-template-columns:repeat(2,1fr)}
  .home-left-stack .hour-item:nth-child(2n){border-right:0}
  .home-left-stack .hour-item:nth-child(n+3){border-top:1px solid var(--line)}
  .alert-banner-wrap{min-height:72px;padding:9px}
  .alert-banner{max-height:94px}
}

/* Lange Warntexte standardmäßig kompakt, bei Bedarf vollständig aufklappbar */
.alert-content-shell{position:relative}
.alert-content-shell .alert-content{max-height:230px;overflow:hidden}
.alert-content-shell:not(.expanded):not(.no-collapse)::after{
  content:"";
  position:absolute;
  left:0;right:0;
  bottom:43px;
  height:64px;
  pointer-events:none;
  background:linear-gradient(to bottom,transparent,var(--surface));
}
.alert-content-shell.expanded .alert-content{max-height:none}
.alert-expand-button{
  width:100%;
  border:0;
  border-top:1px solid var(--line);
  background:var(--surface-soft);
  color:#1c59a0;
  padding:12px 16px;
  font-weight:800;
  cursor:pointer;
}
html[data-theme="dark"] .alert-expand-button{color:#70bff1}
.alert-content-shell.no-collapse .alert-content{max-height:none}
.alert-content-shell.no-collapse .alert-expand-button{display:none}

/* V13.3 – ausgewogene Startseite ohne Leerflächen */
:root{--portal:1300px}
.home-dashboard-balanced{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.9fr) minmax(330px,.9fr);
  gap:24px;
  align-items:start;
}
.home-column{display:grid;gap:24px;align-content:start;min-width:0}
.home-column .section-strip{margin-top:0}
.home-column .portal-card,.home-column .section-strip{width:100%;min-width:0}

/* Karten kompakter und lesbarer */
.home-dashboard-balanced .card-head{padding:17px 18px}
.home-dashboard-balanced .card-title{font-size:21px;line-height:1.15}
.home-dashboard-balanced .current-weather{padding:20px}
.home-dashboard-balanced .current-temp{font-size:50px}
.home-dashboard-balanced .current-icon{font-size:60px}
.home-dashboard-balanced .current-metric{padding:12px 11px}
.home-dashboard-balanced .section-strip-head{padding:17px 18px}
.home-dashboard-balanced .section-strip-head h2{font-size:21px}
.home-dashboard-balanced .hour-item{padding:14px 8px}

/* Warnkarte: Banner transparent und als schlanker Bestandteil statt eigener großer Bildbox */
.alert-card-top{padding-bottom:14px}
.alert-summary{gap:13px}
.alert-summary h2{font-size:21px;line-height:1.15;overflow-wrap:anywhere}
.alert-summary p{font-size:14px;line-height:1.5;margin-top:6px}
.alert-symbol{width:48px;height:48px}
.alert-meta{gap:8px 13px;margin-top:11px;font-size:11px}
.alert-banner-wrap{
  min-height:0;
  padding:7px 14px;
  background:transparent;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.alert-banner{
  width:100%;
  max-height:70px;
  object-fit:contain;
  filter:drop-shadow(0 5px 10px rgba(7,33,55,.16));
}
.alert-content-shell .alert-content{max-height:150px;padding:15px 18px;font-size:14px;line-height:1.62}
.alert-expand-button{padding:10px 18px}

/* DWD-Bereich nicht unnötig hoch ziehen */
.official-warning-card .warning-map{padding:10px}
.official-warning-card .warning-map img{height:178px}
.dwd-warning-list{max-height:255px;padding:10px}
.dwd-warning{padding:10px}
.dwd-warning p{margin:7px 0;line-height:1.42}

/* Kleine Zusatzkarten in den Spalten */
.compact-info-card .card-body{min-height:0}
.compact-info-card .weather-outlook{gap:8px}
.compact-info-card .outlook-item{padding:11px 12px}
.compact-info-card .quick-list{grid-template-columns:1fr 1fr;gap:8px}
.compact-info-card .quick-link{padding:11px;font-size:12px}

/* Regionalberichte als eigener, breiter Bereich */
.region-news-section{margin-top:24px}
.region-news-section .region-news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.region-news-section .region-news-item{grid-template-columns:118px minmax(0,1fr)}
.region-news-section .region-news-item img{width:118px;height:100%;min-height:106px}
.region-news-section .region-news-item strong{font-size:14px}
.region-news-section .region-news-item p{font-size:11px}

@media(max-width:1180px){
  .home-dashboard-balanced{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr)}
  .home-column-official{grid-column:1/-1;grid-template-columns:1.25fr .75fr;align-items:start}
  .region-news-section .region-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .home-dashboard-balanced{grid-template-columns:1fr}
  .home-column-official{grid-column:auto;grid-template-columns:1fr}
  .region-news-section .region-news-grid{grid-template-columns:1fr}
  .alert-summary h2{font-size:20px}
}
@media(max-width:560px){
  .home-dashboard-balanced{gap:16px}
  .home-column{gap:16px}
  .home-dashboard-balanced .current-temp{font-size:44px}
  .home-dashboard-balanced .current-metrics{grid-template-columns:repeat(2,1fr)}
  .alert-banner{max-height:58px}
  .region-news-section{margin-top:16px}
  .region-news-section .region-news-item{grid-template-columns:94px minmax(0,1fr)}
  .region-news-section .region-news-item img{width:94px;min-height:94px}
}

/* V13.4 – Hauptbereich + Warnseitenleiste ohne wandernde Leerflächen */
:root{--portal:1370px}
.home-layout-v134{
  display:grid;
  grid-template-columns:minmax(0,1fr) 356px;
  gap:24px;
  align-items:start;
}
.home-main-v134{display:grid;gap:24px;min-width:0}
.home-sidebar-v134{min-width:0;align-self:start}
.home-top-grid-v134{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(310px,.95fr);
  gap:24px;
  align-items:start;
}
.home-secondary-grid-v134{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
}
.home-layout-v134 .portal-card,.home-layout-v134 .section-strip{min-width:0;width:100%;margin:0}
.home-layout-v134 .card-head{padding:17px 19px}
.home-layout-v134 .card-title{font-size:21px;line-height:1.15}
.home-layout-v134 .current-weather{padding:20px}
.home-layout-v134 .current-temp{font-size:50px}
.home-layout-v134 .current-icon{font-size:60px}
.home-layout-v134 .current-metric{padding:12px 11px}
.home-layout-v134 .section-strip-head{padding:16px 18px;align-items:center}
.home-layout-v134 .section-strip-head>div{min-width:0}
.home-layout-v134 .section-strip-head h2{font-size:21px;line-height:1.2;margin:0}
.home-layout-v134 .section-strip-head small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.home-layout-v134 .hour-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.home-layout-v134 .hour-item{padding:14px 7px}
.home-layout-v134 .hour-item:nth-child(4n){border-right:1px solid var(--line)}
.home-layout-v134 .hour-item:last-child{border-right:0}
.home-layout-v134 .hour-item:nth-child(n+5){border-top:0}
.home-layout-v134 .compact-info-card{height:100%}
.home-layout-v134 .compact-info-card .quick-list{grid-template-columns:1fr 1fr;gap:9px}
.home-layout-v134 .compact-info-card .quick-link{padding:12px;font-size:12px}
.home-layout-v134 .official-warning-card{position:sticky;top:18px}
.home-layout-v134 .official-warning-card .warning-map{padding:10px}
.home-layout-v134 .official-warning-card .warning-map img{height:190px}
.home-layout-v134 .dwd-warning-list{max-height:430px;padding:10px}
.home-layout-v134 .dwd-warning{padding:11px}
.home-layout-v134 .alert-content-shell .alert-content{max-height:135px}
.home-layout-v134 .alert-banner{max-height:66px}
.region-news-section-v134{margin:0}
.region-news-section-v134 .region-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.region-news-section-v134 .region-news-item{grid-template-columns:118px minmax(0,1fr)}
.region-news-section-v134 .region-news-item img{width:118px;min-height:108px;height:100%}

@media(max-width:1180px){
  .home-layout-v134{grid-template-columns:1fr}
  .home-sidebar-v134{grid-row:auto}
  .home-layout-v134 .official-warning-card{position:static}
  .home-layout-v134 .dwd-warning-list{max-height:360px}
  .home-layout-v134 .official-warning-card{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr)}
  .home-layout-v134 .official-warning-card .card-head{grid-column:1/-1}
  .home-layout-v134 .official-warning-card .warning-map{border-right:1px solid var(--line)}
}
@media(max-width:900px){
  .home-top-grid-v134,.home-secondary-grid-v134{grid-template-columns:1fr}
  .home-layout-v134 .hour-grid{grid-template-columns:repeat(4,minmax(110px,1fr));overflow-x:auto}
  .home-layout-v134 .hour-item:nth-child(4n){border-right:0}
  .home-layout-v134 .hour-item:nth-child(n+5){border-top:1px solid var(--line)}
  .region-news-section-v134 .region-news-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .home-layout-v134,.home-main-v134,.home-top-grid-v134,.home-secondary-grid-v134{gap:16px}
  .home-layout-v134 .hour-grid{grid-template-columns:repeat(2,1fr);overflow:visible}
  .home-layout-v134 .hour-item:nth-child(2n){border-right:0}
  .home-layout-v134 .hour-item:nth-child(n+3){border-top:1px solid var(--line)}
  .home-layout-v134 .official-warning-card{display:block}
  .home-layout-v134 .official-warning-card .warning-map{border-right:0}
  .region-news-section-v134 .region-news-item{grid-template-columns:94px minmax(0,1fr)}
  .region-news-section-v134 .region-news-item img{width:94px;min-height:94px}
}

/* V13.5 – automatisch erzeugter Tageswetterbericht */
.daily-report-card{overflow:hidden}
.daily-report-card .card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.daily-report-card .card-head>div{min-width:0}
.daily-report-card .card-head small{display:block;margin-top:4px;color:var(--muted)}
.daily-report-date{flex:0 0 auto;font-size:12px;font-weight:800;color:#1f5fa8;background:#edf5fc;border:1px solid #cfe0ef;padding:7px 10px;border-radius:999px}
html[data-theme="dark"] .daily-report-date{color:#7bc9ff;background:#10293d;border-color:#264b65}
.daily-report-body{position:relative;padding:20px 22px 18px;border-left:5px solid #2c7cc3}
.daily-report-body.hazard-thunderstorm{border-left-color:#7b3fb3}
.daily-report-body.hazard-heat{border-left-color:#e13f25}
.daily-report-body.hazard-wind{border-left-color:#df7f17}
.daily-report-body.hazard-rain{border-left-color:#168ed1}
.daily-report-body.hazard-winter{border-left-color:#4a82bb}
.daily-report-body.hazard-warning{border-left-color:#d72626}
.daily-report-kicker{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:850;font-size:18px;line-height:1.25;color:var(--text)}
.daily-report-kicker svg{width:22px;height:22px;color:#2c7cc3;flex:0 0 auto}
.daily-report-text{font-size:15px;line-height:1.72;color:var(--text);max-width:92ch}
.daily-report-meta{margin-top:15px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.5;color:var(--muted)}
.daily-report-list{display:grid;gap:18px}
.daily-report-archive-item{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);padding:20px}
.daily-report-archive-item h2{margin:0 0 7px;font-size:21px}
.daily-report-archive-item .report-date{color:var(--muted);font-size:12px;font-weight:700;margin-bottom:13px}
.daily-report-archive-item .report-body{line-height:1.72;font-size:14px}
.daily-report-archive-item.hazard-thunderstorm{border-left:5px solid #7b3fb3}
.daily-report-archive-item.hazard-heat{border-left:5px solid #e13f25}
.daily-report-archive-item.hazard-wind{border-left:5px solid #df7f17}
.daily-report-archive-item.hazard-rain{border-left:5px solid #168ed1}
.daily-report-archive-item.hazard-winter{border-left:5px solid #4a82bb}
.daily-report-archive-item.hazard-warning{border-left:5px solid #d72626}
.admin-report-list{display:grid;gap:10px}
.admin-report-row{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px;border:1px solid var(--line);background:var(--surface-soft)}
.admin-report-row time{font-size:12px;color:var(--muted);font-weight:800}
.admin-report-row strong{display:block;margin-bottom:4px}
.admin-report-row span{font-size:12px;color:var(--muted)}
.admin-report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.admin-report-actions form{display:inline}
.admin-cron-url{display:flex;gap:8px;align-items:stretch}
.admin-cron-url input{min-width:0;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
@media(max-width:700px){
  .daily-report-body{padding:17px 17px 15px}
  .daily-report-text{font-size:14px;line-height:1.66}
  .daily-report-kicker{font-size:17px}
  .daily-report-card .card-head{align-items:flex-start}
  .admin-report-row{grid-template-columns:1fr}
  .admin-report-actions{justify-content:flex-start}
  .admin-cron-url{display:grid}
}

/* V13.6 – FAQ Unwetter, Warnungen und Wettermodelle */
.faq-page-band{padding:34px 0 40px;background:linear-gradient(110deg,#164b84 0%,#2b73b7 58%,#184f8b 100%);position:relative;overflow:hidden}
.faq-page-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 40%,rgba(59,190,238,.28),transparent 28%),linear-gradient(135deg,transparent 48%,rgba(255,255,255,.055) 49%,transparent 50%);background-size:auto,26px 26px;pointer-events:none}
.faq-band-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px}
.faq-page-band .eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#9edbff;margin-bottom:8px}
.faq-page-band h1{font-size:40px;font-weight:800;letter-spacing:-.045em;max-width:850px}
.faq-page-band p{max-width:880px;font-size:16px;line-height:1.7}
.faq-band-symbol{width:106px;height:106px;border:1px solid rgba(255,255,255,.28);background:rgba(7,35,68,.25);display:grid;place-items:center;transform:rotate(3deg);box-shadow:0 16px 30px rgba(6,33,61,.2);flex:0 0 auto}
.faq-band-symbol svg{width:54px;height:54px;color:#fff;transform:rotate(-3deg)}
.faq-page{display:grid;gap:24px}
.faq-principle-card{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;background:linear-gradient(135deg,#fff 0%,#f5f9fd 100%);border:1px solid #cbd9e7;border-left:6px solid #e30613;box-shadow:var(--shadow);padding:24px 26px}
html[data-theme="dark"] .faq-principle-card{background:linear-gradient(135deg,#101e2d,#14283c);border-color:#33485d;border-left-color:#ef3a43}
.faq-principle-icon{width:62px;height:62px;background:#e30613;color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(227,6,19,.22)}
.faq-principle-icon svg{width:34px;height:34px}
.faq-label{display:block;color:#1d65aa;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
html[data-theme="dark"] .faq-label{color:#70c4fa}
.faq-principle-card h2,.faq-closing-card h2{margin:0;font-size:25px;letter-spacing:-.035em}
.faq-principle-card p,.faq-closing-card p{margin:9px 0 0;color:var(--muted);line-height:1.72;font-size:14px;max-width:100ch}
.faq-toolbar{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:16px;display:grid;gap:13px}
.faq-search{height:48px;border:1px solid var(--line-strong);background:var(--surface-soft);display:flex;align-items:center;gap:10px;padding:0 15px}
.faq-search:focus-within{border-color:#2774c4;box-shadow:0 0 0 3px rgba(39,116,196,.12)}
.faq-search svg{width:19px;height:19px;color:#3d6f9d;flex:0 0 auto}
.faq-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}
.faq-search input::placeholder{color:var(--muted)}
.faq-filter-row{display:flex;gap:8px;flex-wrap:wrap}
.faq-filter-row button{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);padding:9px 13px;font-size:12px;font-weight:800;transition:.15s ease}
.faq-filter-row button:hover{color:#174f89;border-color:#8fb4d5;background:#edf5fc}
.faq-filter-row button.active{color:#fff;background:#1d63a7;border-color:#1d63a7}
.faq-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.faq-side-nav{position:sticky;top:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:14px;display:grid;gap:6px}
.faq-side-nav>strong{padding:8px 10px 12px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.faq-side-nav a{display:flex;align-items:center;gap:10px;padding:11px 10px;border-left:3px solid transparent;color:var(--text);font-size:13px;font-weight:700}
.faq-side-nav a:hover{background:var(--surface-soft);border-left-color:#2774c4;color:#1d5f9f}
.faq-side-nav svg{width:18px;height:18px;color:#347bb9}
.faq-content{display:grid;gap:24px;min-width:0}
.faq-section{scroll-margin-top:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:20px}
.faq-section-heading{display:flex;align-items:center;gap:15px;margin-bottom:17px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.faq-section-heading>div>span{display:block;color:#2a70ae;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:4px}
.faq-section-heading h2{margin:0;font-size:23px;line-height:1.25;letter-spacing:-.035em}
.faq-section-icon{width:50px;height:50px;display:grid;place-items:center;color:#fff;flex:0 0 auto;background:#2b72b4}
.faq-section-icon svg{width:26px;height:26px}
.faq-section-icon.warning{background:#d70d17}.faq-section-icon.thunder{background:#6c42a5}.faq-section-icon.models{background:#2577b9}.faq-section-icon.radar{background:#168aa9}.faq-section-icon.safety{background:#3b8a51}
.faq-item{border:1px solid var(--line);background:var(--surface);margin-top:10px;overflow:hidden}
.faq-item[hidden]{display:none}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px;cursor:pointer;font-size:15px;font-weight:800;line-height:1.35;color:var(--text);transition:.15s ease}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{background:var(--surface-soft);color:#195b99}
.faq-item summary svg{width:19px;height:19px;color:#3977af;flex:0 0 auto;transition:transform .18s ease}
.faq-item[open]{border-color:#9cbddd;box-shadow:0 7px 18px rgba(25,75,120,.08)}
.faq-item[open] summary{background:#edf5fc;color:#174f89;border-bottom:1px solid #ccdfef}
html[data-theme="dark"] .faq-item[open] summary{background:#142b40;color:#8fd2ff;border-color:#29455d}
.faq-item[open] summary svg{transform:rotate(180deg)}
.faq-answer{padding:16px 18px 18px;background:var(--surface)}
.faq-answer p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.faq-answer strong{color:var(--text)}
.model-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}
.model-compare-grid article{position:relative;border:1px solid var(--line);border-top:4px solid #2a75b9;background:var(--surface-soft);padding:16px}
.model-compare-grid h3{font-size:21px;margin:0 0 4px;color:#164f89}
html[data-theme="dark"] .model-compare-grid h3{color:#7ac8f9}
.model-compare-grid strong{font-size:12px;display:block;margin-bottom:9px;color:var(--text)}
.model-compare-grid p{font-size:12.5px;line-height:1.62;color:var(--muted);margin:0}
.model-badge{position:absolute;right:12px;top:12px;background:#1c5f9e;color:#fff;padding:4px 7px;font-size:9px;font-weight:900;letter-spacing:.08em}
.faq-no-results{background:var(--surface);border:1px dashed var(--line-strong);padding:35px;display:grid;justify-items:center;text-align:center;gap:7px;color:var(--muted)}
.faq-no-results[hidden]{display:none}
.faq-no-results svg{width:32px;height:32px;color:#3b7eb8}
.faq-no-results strong{color:var(--text);font-size:17px}
.faq-closing-card{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(110deg,#103a6d,#1d65a8);color:#fff;padding:24px 26px;box-shadow:var(--shadow)}
.faq-closing-card .faq-label{color:#8ed5ff}.faq-closing-card p{color:#dbeafa}.faq-closing-card a{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;background:#fff;color:#18568f;padding:13px 17px;font-size:13px;font-weight:850;box-shadow:0 8px 18px rgba(0,0,0,.15)}
.faq-closing-card a:hover{background:#eaf4fc}.faq-closing-card a svg{width:18px;height:18px}
.faq-home-card{overflow:hidden}
.faq-head-link{font-size:12px;font-weight:800;color:#1d5d9f;white-space:nowrap}
.faq-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}
.faq-home-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1px solid var(--line);background:var(--surface-soft);padding:14px;transition:.15s ease;min-width:0}
.faq-home-item:hover{border-color:#8fb6d8;background:#edf5fc;transform:translateY(-1px)}
html[data-theme="dark"] .faq-home-item:hover{background:#152a3d}
.faq-home-item strong{display:block;font-size:13px;line-height:1.35;margin-bottom:4px}.faq-home-item p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.5}
.faq-home-icon{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:#2874b7;flex:0 0 auto}.faq-home-icon svg{width:21px;height:21px}.faq-home-icon.warning{background:#d6101a}.faq-home-icon.thunder{background:#7044a5}.faq-home-icon.models{background:#2774b9}.faq-home-icon.radar{background:#168ca8}
@media(max-width:1000px){.faq-layout{grid-template-columns:1fr}.faq-side-nav{position:static;grid-template-columns:repeat(3,1fr)}.faq-side-nav>strong{grid-column:1/-1}.faq-side-nav a{border-left:0;border-bottom:3px solid transparent}.faq-side-nav a:hover{border-left:0;border-bottom-color:#2774c4}.faq-band-symbol{width:88px;height:88px}.faq-band-symbol svg{width:44px;height:44px}}
@media(max-width:720px){.faq-page-band h1{font-size:31px}.faq-page-band p{font-size:14px}.faq-band-symbol{display:none}.faq-principle-card{grid-template-columns:1fr;padding:20px}.faq-principle-icon{width:52px;height:52px}.faq-layout{gap:16px}.faq-side-nav{display:none}.faq-section{padding:15px}.faq-section-heading{align-items:flex-start}.faq-section-heading h2{font-size:20px}.model-compare-grid,.faq-home-grid{grid-template-columns:1fr}.faq-closing-card{align-items:flex-start;flex-direction:column}.faq-closing-card a{width:100%;justify-content:center}}
@media(max-width:480px){.faq-page-band{padding:27px 0 31px}.faq-page-band h1{font-size:27px}.faq-toolbar{padding:12px}.faq-filter-row{display:grid;grid-template-columns:1fr 1fr}.faq-filter-row button{text-align:left}.faq-section-heading{gap:11px}.faq-section-icon{width:44px;height:44px}.faq-item summary{font-size:14px;padding:14px}.faq-answer{padding:14px}.faq-principle-card h2,.faq-closing-card h2{font-size:22px}.faq-home-card .card-head{align-items:flex-start}.faq-head-link{margin-top:3px}}