#weather .weather-stepper { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 48px 64px; }
#weather .weather-list { flex: 1 1 340px; min-width: 0; }
#weather .weather-step { grid-template-columns: 100px minmax(0, 1fr); column-gap: 12px; align-items: baseline; }
#weather .weather-step-d { font-size: 16px; font-weight: 500; font-variant-caps: all-small-caps; letter-spacing: .06em; line-height: 1.3; color: var(--muted); white-space: nowrap; }
#weather .weather-step .row-t { font-size: 17.5px; }
#weather .weather-body { flex: 999 1 520px; min-width: 0; }
#weather .weather-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; margin-bottom: 24px; }
#weather .weather-count { margin: 0; }
#weather .weather-nav { display: flex; flex-wrap: wrap; gap: 8px; }
#weather .weather-panels { display: grid; grid-template-columns: minmax(0, 1fr); }
#weather .weather-panel { grid-area: 1 / 1; min-width: 0; max-width: 640px; visibility: hidden; }
#weather .weather-panel.is-on { visibility: visible; }
#weather .weather-when { margin: 0 0 4px; }
#weather .weather-h { margin: 0 0 12px; font-family: var(--font-display); font-size: 36px; font-weight: 600; line-height: 1.15; text-wrap: balance; }
#weather .weather-text p { margin: 0 0 16px; font-size: 18px; line-height: 1.6; text-wrap: pretty; }
#weather .weather-text p:last-child { margin-bottom: 0; }
#weather .weather-panel .nm-note { margin-top: 12px; }
#weather .weather-map { margin: 16px 0 0; font-size: 17px; line-height: 1.45; color: var(--muted); }
#weather .weather-rows { list-style: none; margin: 0; padding: 0; display: grid; }
#weather .weather-rows > li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 64px; padding: 14px 0 15px; border-bottom: 1px solid var(--hairline); }
#weather .weather-k { flex: 0 1 300px; min-width: 0; display: grid; gap: 2px; }
#weather .weather-k b { font-size: 18px; font-weight: 600; line-height: 1.45; }
#weather .weather-sub { font-size: 16.5px; font-style: italic; line-height: 1.45; color: var(--ink-2); }
#weather .weather-t { flex: 1 1 520px; min-width: 0; max-width: 720px; }
#weather .weather-t p { margin: 0; font-size: 18px; line-height: 1.6; text-wrap: pretty; }
#weather .weather-hh-h { margin-top: 40px; }
#weather .weather-hh { max-width: 1000px; --cols: minmax(0, .9fr) minmax(0, 1.4fr) minmax(0, 4.4fr); }
#weather .weather-hh .list-row { align-items: baseline; }
#weather .weather-hh-b { font-weight: 600; }
#weather .weather-hh-t { font-weight: 600; }
#weather .weather-hh-w { color: var(--ink-2); }
#weather .weather-ifnot-b { max-width: 720px; }
#weather .weather-ifnot-b p { margin: 0; font-size: 18px; line-height: 1.6; text-wrap: pretty; }
#weather .weather-german { columns: 2 320px; column-gap: 44px; }
#weather .weather-g { break-inside: avoid; margin: 0 0 16px; }
#weather .weather-g p { margin: 0; font-size: 18px; line-height: 1.6; text-wrap: pretty; }
#weather .weather-dets { grid-column: 1 / -1; columns: 3 300px; column-gap: 44px; }
#weather .weather-det { break-inside: avoid; margin: 0 0 14px; }
#weather .weather-nb { white-space: nowrap; }
