.weather-strip{padding:22px 4.4% 16px;background:#102d44;color:#edf4fa;border-bottom:1px solid #4a6275}.weather-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.weather-heading>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.weather-heading h2{font-family:'IBM Plex Mono',Consolas,monospace;font-size:14px;letter-spacing:.06em;font-weight:500}.weather-status{font-size:10px;color:#b8cedf;display:inline-flex;align-items:center;gap:8px}.weather-status::before{content:'';width:6px;height:6px;background:#a5bdd0;border-radius:50%}[data-state=ready] .weather-status::before{background:#9ed3be}[data-state=delayed] .weather-status::before,[data-state=unavailable] .weather-status::before{background:#ffbf5b}#weather-refresh{border:1px solid #66849a;background:transparent;color:#eaf2f8;padding:6px 12px;font-size:11px;white-space:nowrap}#weather-refresh:disabled{opacity:.6;cursor:wait}.weather-values{display:grid;grid-template-columns:1.1fr .8fr 1.5fr 1fr 1fr 1fr;margin:16px 0 12px;gap:18px}.weather-values>div{display:block;border:0;border-left:1px solid #3f5a6f;padding:0 0 0 17px}.weather-values>div:first-child{border:0;padding-left:0}.weather-values dt{font:9px 'IBM Plex Mono',Consolas,monospace;letter-spacing:.08em;color:#a8c3d7;text-transform:uppercase;margin-bottom:7px}.weather-values dd{text-align:left;font-size:15px;color:#fff;line-height:1.4;font-weight:500;overflow-wrap:anywhere}.weather-foot{display:flex;justify-content:space-between;gap:8px 25px;flex-wrap:wrap;font-size:10px;color:#c0d2df}.weather-foot a{text-decoration:underline;text-underline-offset:3px}.weather-note{color:#a8c3d7;font-size:10px;margin-top:6px}#weather-details{margin-top:10px;font-size:10px;color:#c0d2df}#weather-details summary{cursor:pointer;width:fit-content}#weather-raw{display:block;white-space:normal;overflow-wrap:anywhere;padding:10px 0;font-size:11px}#weather-time{max-width:760px}.weather-strip noscript{display:block;font-size:12px;margin:12px 0;color:#ffbf5b}@media(max-width:1050px){.weather-values{grid-template-columns:repeat(3,1fr);gap:14px}.weather-values>div:nth-child(4){border:0;padding-left:0}.weather-values dd{font-size:14px}}@media(max-width:520px){.weather-strip{padding:18px 5%}.weather-heading>div{gap:7px}.weather-heading h2{font-size:12px}.weather-heading>div{display:block}.weather-status{margin-top:6px;font-size:9px}.weather-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.weather-values>div:nth-child(4){border-left:1px solid #3f5a6f;padding-left:17px}.weather-values>div:nth-child(odd){border:0;padding-left:0}.weather-values dd{font-size:13px}.weather-foot{font-size:10px}}

/* Raw station report is the primary weather display. */
#weather-raw{display:block;margin:16px 0;padding:17px 20px;border-left:3px solid #ffbf5b;background:#0a2032;color:#f5f8fc;font:500 clamp(13px,1.25vw,18px)/1.8 "IBM Plex Mono",Consolas,monospace;letter-spacing:.035em;white-space:normal;overflow-wrap:anywhere}@media(max-width:520px){#weather-raw{padding:13px 15px;font-size:13px;letter-spacing:.01em}}
