#weather-section .weather-overview{display:grid;gap:10px;margin-top:22px}
#weather-section .weather-overview .weather-day-link{display:grid;grid-template-columns:minmax(105px,1fr) minmax(150px,1.5fr) minmax(100px,1fr) minmax(105px,1fr) minmax(95px,1fr) minmax(155px,1.2fr) 20px;gap:18px;align-items:center;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-align:left;transition:border-color .15s,box-shadow .15s}
#weather-section .weather-overview .weather-day-link:hover{border-color:var(--accent);box-shadow:0 3px 14px #00000010}
#weather-section .weather-overview .is-today{border-left:4px solid var(--accent)}
#weather-section .weather-day-name{display:grid;gap:5px;font-size:17px}
#weather-section .weather-day-name small,#weather-section .weather-metric-label{display:block;color:var(--muted);font-size:12px;font-weight:500;line-height:1.5}
#weather-section .weather-overview .weather-day-sky{align-items:center;justify-content:flex-start;text-align:left;gap:14px}
#weather-section .weather-overview .weather-icon,#weather-section .weather-overview .weather-icon svg{width:30px;height:30px;flex-shrink:0;color:var(--text)}
#weather-section .weather-overview .weather-day-sky>span:last-child{font-size:15px;line-height:1.45;color:var(--text)}
#weather-section .weather-overview .weather-day-temperatures{display:grid;grid-template-columns:auto auto;gap:4px 10px;justify-content:start;text-align:left;font-size:18px}
#weather-section .weather-overview .weather-day-temperatures strong{font-size:26px;line-height:1.2}
#weather-section .weather-overview .weather-metric-label{grid-column:1/-1;margin-bottom:4px}
#weather-section .weather-overview :is(.weather-rain,.weather-wind){display:block;text-align:left;font-size:17px;color:var(--text)}
#weather-section .weather-overview .weather-day-extra{display:flex;flex-wrap:wrap;grid-column:auto;justify-content:flex-start;text-align:left;gap:4px 14px}
#weather-section .weather-overview .weather-day-extra>span{font-size:13px;color:var(--muted);text-align:left;white-space:nowrap}
#weather-section .weather-overview .weather-mobile-wind{display:none}
#weather-section .weather-row-arrow{font-size:22px;color:var(--muted)}
#weather-section .weather-overview .weather-day-now{grid-column:1/-1;justify-content:flex-start;text-align:left;border-top:1px solid var(--line);padding-top:12px;color:var(--text);font-size:14px}
#weather-content>.weather-period-note{text-align:left;margin:8px 0 0}
@media(max-width:1200px){#weather-section .weather-overview .weather-day-link{grid-template-columns:1fr 1.5fr 1fr 1fr 1fr;gap:16px;padding:20px}#weather-section .weather-overview .weather-day-extra{grid-column:1/-2}#weather-section .weather-row-arrow{grid-column:-2/-1;text-align:right}}
@media(max-width:700px){#weather-section .weather-overview .weather-day-link{grid-template-columns:1fr 1fr;gap:18px;padding:18px}#weather-section .weather-day-name{grid-column:1;grid-row:1}#weather-section .weather-overview .weather-day-temperatures{grid-column:2;grid-row:1;justify-content:end}#weather-section .weather-overview .weather-day-sky{grid-column:1/-1;grid-row:2}#weather-section .weather-overview .weather-rain{grid-column:1;grid-row:3}#weather-section .weather-overview .weather-wind{grid-column:2;grid-row:3}#weather-section .weather-overview .weather-day-extra{grid-column:1/-1;gap:10px 20px}#weather-section .weather-row-arrow{display:none}#weather-section .weather-overview .weather-day-now{font-size:13px}}