/* Meteo24: colours from the blue / orange brand mark. */
:root{--brand-blue:#39c8ff;--brand-orange:#ffad43}
body{background:#071321;background-image:radial-gradient(ellipse at 12% 0%,#11315280,transparent 48%),radial-gradient(ellipse at 95% 24%,#07334c55,transparent 45%);background-attachment:fixed;color:#edf5ff}
.topbar{background:#081422;border-bottom:1px solid #264058}
.topbar__in{min-height:110px}
.topbar .brand{display:flex;align-items:center;justify-content:center;padding:5px 18px;background:linear-gradient(135deg,#f5fbff,#c4dce9);border:1px solid #e7f5ff;border-radius:14px;box-shadow:0 8px 26px #0003;flex-shrink:0}
.topbar .brand-logo{display:block;width:228px;height:76px;object-fit:contain;filter:none}
.nav a{padding:12px 2px;color:#c5d6e7;transition:color .18s}
.nav a:hover,.nav a[aria-current]{color:#65d6ff}
.nav a[aria-current]{border-color:#27bcff}
.intro{padding-top:4px}
.intro h1 em{color:#58ccff}
.intro .eyebrow,.section-heading .eyebrow{color:#6ed8ff}
.intro-copy{color:#aabed2;line-height:1.8}
.edition{color:#8ca7bf}
.forecast-panel,.forecast-panel[data-mode="day"],.forecast-panel[data-mode="night"]{background:linear-gradient(145deg,#122b43,#0b1c30 65%);border:1px solid #2a4b67;box-shadow:0 14px 40px #0002;border-radius:18px}
.forecast-panel .panel-heading{padding-top:23px}
.forecast-panel .eyebrow{color:#72d6ff}
.forecast-tabs{background:#061322;border:1px solid #234059;padding:5px;border-radius:11px;gap:5px}
.forecast-tabs button{color:#b9cede;border-radius:7px;min-height:44px;transition:background .18s,color .18s}
.forecast-tabs button:hover{background:#183c57;color:#fff}
.forecast-panel[data-mode] .forecast-tabs button[aria-pressed="true"]{background:linear-gradient(135deg,#50dbff,#1687f4);color:#031526;box-shadow:0 3px 12px #008af433;font-weight:800}
.forecast-map{background:#081929;border-radius:12px}
.forecast-caption a{color:#72d6ff}
.alerts-panel{background:linear-gradient(150deg,#122d47,#0a1b2d);border:1px solid #294c69;border-radius:18px;box-shadow:0 12px 35px #0002}
.alerts-panel .eyebrow{color:#73d8ff}
.alerts-panel .alert-icon{color:#7cdcff;border-color:#3f7899}
.button-light{background:#143852;border:1px solid #35779e;border-radius:8px;color:#e6f7ff;padding:14px 16px;transition:background .18s,border-color .18s}
.button-light:hover{background:#1d4b6a;border-color:#66cfff}
.storm-panel{background:linear-gradient(135deg,#292a2c,#101e2d 75%);border:1px solid #735339;border-radius:18px;box-shadow:inset 3px 0 #e89032}
.storm-panel .eyebrow,.storm-symbol,.storm-link{color:#ffc174}
.storm-copy{color:#c2ccda}
.news-section{margin-top:48px}
.section-heading a{color:#70d5ff}
.news-card{border:1px solid #27465f;border-radius:15px;overflow:hidden;background:#0d2033;box-shadow:0 10px 28px #0002}
.news-card .news-cover{border-radius:0;margin:0;background:#071420}
.news-card .news-cover img{object-fit:contain}
.news-card .news-body{padding:22px}
.news-body h3{line-height:1.3}
.news-body h3 a:hover{color:#68d4ff}
.news-body .eyebrow{color:#8bc2e2}
.editorial-grid-single{display:block}
.editorial-grid-single .news-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}
.editorial-grid-single .news-cover{aspect-ratio:auto;max-height:460px}
.editorial-grid-single .news-cover img{width:100%;height:auto;max-height:460px}
.editorial-grid-single .news-body{padding:clamp(22px,4vw,55px)}
.editorial-grid-single .news-body h3{font-size:clamp(24px,2.5vw,36px)}
.footer{background:#05101c;border-color:#233d54}
.footer::before{background:linear-gradient(90deg,transparent,#19c8ff 30%,#1383f3 58%,#ff9f32 80%,transparent);opacity:.85}
.footer-wordmark span{color:#2ecfff}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #78d9ff;outline-offset:4px}
@media(max-width:760px){
 .topbar__in{min-height:94px;gap:16px}
 .topbar .brand{padding:3px 11px;border-radius:10px}
 .topbar .brand-logo{width:192px;height:64px}
 .nav{top:93px;background:#0b2034}
 .hamb{color:#8ddfff;border-color:#3b6582}
 .forecast-tabs{gap:2px}
 .forecast-tabs button{padding-inline:4px;font-size:11px}
 .forecast-panel,.alerts-panel,.storm-panel{border-radius:13px}
 .editorial-grid-single .news-card{display:block}
 .editorial-grid-single .news-body{padding:22px}
 .news-section{margin-top:34px}
}

.topbar .brand{background:none;border:0;box-shadow:none;padding:5px 0}

.forecast-map{aspect-ratio:1200/1120}
.forecast-tabs{display:flex;overflow-x:auto}.forecast-tabs button{flex:1 0 90px}

/* Editorial footer: identity, authorship and established date. */
.footer-studio{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:48px;padding-block:42px}
.footer-brand{display:inline-flex;width:240px}.footer-brand img{width:100%;height:auto}
.footer-note>span{font-size:10px;letter-spacing:.18em;color:#77cdec;font-weight:700}
.footer-note p{font-size:16px;line-height:1.65;color:#c3d3e2;margin:12px 0 0}
.footer-since{display:flex;flex-direction:column;gap:7px;padding-left:40px;border-left:1px solid #274159}
.footer-since span{font-size:9px;letter-spacing:.2em;color:#94adc3}.footer-since strong{font-size:36px;line-height:1.1;letter-spacing:-.04em;color:#e9f4ff;font-weight:500}
.footer-legal{display:flex;justify-content:space-between;gap:18px;padding-block:18px;border-top:1px solid #1e3549;color:#9aafc3;font-size:11px}
@media(max-width:700px){.footer-studio{grid-template-columns:1fr auto;gap:24px;padding-block:30px}.footer-brand{width:190px}.footer-note{grid-column:1/-1;grid-row:2}.footer-since{padding-left:20px}.footer-since strong{font-size:28px}.footer-legal{font-size:10px;flex-wrap:wrap}}