.city-forecast-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.city-forecast-day{min-width:0;padding:16px;background:var(--panel,#142019);border:1px solid var(--line,#304039);border-radius:12px}.city-forecast-day h3{margin:0 0 10px}.city-forecast-day strong{display:block;font-size:19px;line-height:1.5}.city-forecast-day p,.city-forecast-day details{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.city-forecast-day details{margin-top:10px}.city-forecast-day summary{cursor:pointer}.city-forecast-day .muted{font-size:12px}[data-panel="forecast"] .ops-heading{gap:16px;flex-wrap:wrap}#city-forecast-select{display:block;min-width:190px;margin-top:6px;padding:10px;max-width:100%}@media(max-width:600px){.city-forecast-days{grid-template-columns:1fr}[data-panel="forecast"] .ops-heading>label,#city-forecast-select{width:100%}}

.city-forecast-days{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.forecast-dayparts{display:grid;gap:12px;margin-top:18px}.forecast-daypart{padding:14px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.forecast-daypart h4{font-size:12px;margin:0 0 8px}.forecast-condition-icons{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.forecast-condition-icon{height:42px;width:42px;flex:0 0 42px}.forecast-daypart strong{font-size:17px}.forecast-daypart p{font-size:12px}.forecast-daypart small{display:block;font-size:10px;line-height:1.6;margin-top:6px}
