.weather-panel { color: inherit; }
.weather-eyebrow { margin: 0 0 6px; font-size: 11px; font-weight: 700; letter-spacing: .12em; opacity: .62; }
.weather-region { margin: 0 0 15px; font-size: 13px; font-weight: 600; }
.weather-wind { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
.weather-wind-reading { display: flex; align-items: baseline; gap: 7px; }
.weather-wind-value { font-size: clamp(30px, 5vw, 44px); line-height: 1; font-weight: 800; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.weather-wind-unit { font-size: 13px; opacity: .7; }
.weather-wind-detail { display: flex; flex-direction: column; gap: 5px; font-size: 12px; }
.weather-wind-label { opacity: .6; font-size: 10px; }
.weather-wind-direction { font-weight: 600; }
.weather-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.weather-stat { padding: 10px 8px; border: 1px solid rgb(100 140 150 / 17%); border-radius: 10px; }
.weather-stat-label { display: block; margin-bottom: 7px; font-size: 10px; opacity: .65; }
.weather-stat-value { font-size: 19px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.weather-unit { margin-left: 3px; font-size: 10px; font-weight: 400; opacity: .7; }
.weather-timestamps { margin-top: 15px; font-size: 10px; line-height: 1.7; opacity: .66; }
.weather-timestamps p { margin: 0; }
.weather-context { margin: 10px 0 0; font-size: 10px; line-height: 1.7; opacity: .6; }
.weather-credit { margin: 10px 0 0; font-size: 9px; line-height: 1.7; opacity: .6; }
.weather-source { color: inherit; text-underline-offset: 2px; }
.weather-empty { margin: 12px 0; font-size: 12px; line-height: 1.8; opacity: .7; }