/* 3-day forecast - one row per local day: name/date, icon, conditions, high/low, rain/snow. */
.wf-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 10px; margin-bottom: 8px; }
.wf-place { font-size: 1.05em; font-weight: 750; overflow-wrap: anywhere; }
.wf-zone { font-size: .76em; color: var(--e-ink-3); }
.wf { position: relative; }
.wf-days { position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.wf-day { display: grid; grid-template-columns: 5.6em 44px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--e-line); border-radius: var(--e-radius-sm); background: var(--e-surface); }
.wf-day:first-child { background: var(--e-hero); border-color: transparent; }
.wf-when { display: grid; gap: 1px; min-width: 0; }
.wf-when strong { font-weight: 750; overflow-wrap: anywhere; }
.wf-date { font-size: .76em; color: var(--e-ink-3); }
.wf-sum { display: grid; gap: 1px; min-width: 0; }
.wf-cond { font-weight: 600; font-size: .92em; }
.wf-flag { font-size: .72em; color: var(--e-warn); }
.wf-temps { display: inline-flex; align-items: baseline; gap: 6px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wf-temps b { font-size: 1.15em; font-weight: 780; color: var(--e-accent-fg); }
.wf-lo { color: var(--e-ink-2); }
.wf-rain { font-size: .84em; color: var(--e-accent-fg); white-space: nowrap; font-variant-numeric: tabular-nums; min-width: 4.2em; text-align: right; }
.wf-flagpill { margin: 10px 0 0; }
.wk-credit a { color: var(--e-accent-fg); }
@media (max-width: 420px) {
    .wf-day { grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "ico when temps" "ico sum rain"; row-gap: 2px; }
    .wf-day .wk-ico { grid-area: ico; }
    .wf-when { grid-area: when; }
    .wf-sum { grid-area: sum; }
    .wf-temps { grid-area: temps; justify-self: end; }
    .wf-rain { grid-area: rain; }
}
html[data-compact="1"] .wf-day { padding: 5px 8px; }