/* Quiet editorial weather strip; colour is reserved for actual warnings. */
.weather-alert{--alert-accent:#6e7885;--alert-soft:#f1f3f5;margin:12px 0 20px;border:1px solid #e5e8ec;border-radius:12px;background:#fff;color:#26303b;box-shadow:0 2px 8px #17202b03;position:relative}
.weather-alert[data-level=yellow]{--alert-accent:#946800;--alert-soft:#fff5cc;border-color:#efdfa3}
.weather-alert[data-level=orange]{--alert-accent:#b35008;--alert-soft:#fff0df;border-color:#f0ceb0}
.weather-alert[data-level=red]{--alert-accent:#ba1727;--alert-soft:#fff0f1;border-color:#ecc4c8}
.weather-alert-main{display:flex;align-items:center;gap:14px;padding:14px 18px;min-height:68px;border-radius:12px}
.weather-alert-indicator{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--alert-accent);box-shadow:0 0 0 5px var(--alert-soft)}
.weather-alert-copy{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:'label state' 'label validity';align-items:center;gap:3px 22px;min-width:0;flex:1}
.weather-alert-kicker{grid-area:label;font:700 10px/1.6 Arial,sans-serif;letter-spacing:.07em;color:#687280;border-right:1px solid #e8ebef;padding-right:22px;max-width:190px}
.weather-alert-copy strong{grid-area:state;font:650 15px/1.35 Arial,sans-serif;letter-spacing:-.01em;color:#26303b}
.weather-alert:not([data-level=neutral]) .weather-alert-copy strong{color:var(--alert-accent)}
.weather-alert-validity{grid-area:validity;font:11px/1.5 Arial,sans-serif;color:#727c89}
.weather-alert-pdf{flex:0 0 auto;margin-left:12px;padding:9px 12px;background:#f5f6f8;border:1px solid #eceef1;border-radius:7px;font:700 10px/1.3 Arial,sans-serif;color:#475363;max-width:175px;text-align:center}
.weather-alert-main:hover .weather-alert-pdf{background:#eaeef2;color:#202b39}.weather-alert-main:focus-visible{outline:2px solid #647182;outline-offset:3px}
.weather-alert .weather-alert-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.weather-alert:not([data-level=neutral]) .weather-alert-indicator{animation:weather-pulse 3s ease-in-out infinite}
@keyframes weather-pulse{50%{box-shadow:0 0 0 8px var(--alert-soft);opacity:.55}}
@media(max-width:760px){.weather-alert{margin:10px 0 18px;border-radius:11px}.weather-alert-main{gap:12px;padding:13px 14px;min-height:78px}.weather-alert-copy{grid-template-columns:minmax(0,1fr);grid-template-areas:'label' 'state' 'validity';gap:3px}.weather-alert-kicker{max-width:none;border:0;padding:0;font-size:8px;letter-spacing:.055em}.weather-alert-copy strong{font-size:13px}.weather-alert-validity{font-size:9px;line-height:1.5}.weather-alert-pdf{margin-left:0;padding:9px 8px;max-width:72px;font-size:9px;border-radius:6px}.weather-alert-indicator{width:6px;height:6px;flex-basis:6px}}
@media(prefers-reduced-motion:reduce){.weather-alert .weather-alert-indicator{animation:none!important}}

.weather-alert-kicker{max-width:none;white-space:nowrap;letter-spacing:.025em}
@media(max-width:760px){.weather-alert-main{display:grid;grid-template-columns:6px minmax(0,1fr);gap:8px 12px}.weather-alert-copy{min-width:0}.weather-alert-kicker{font-size:9px;letter-spacing:0}.weather-alert-pdf{grid-column:2;justify-self:start;max-width:none;margin:0;padding:6px 10px}.weather-alert-validity{font-size:10px}}