.map-panel>.map-controls{padding-top:15px}
.day-weather{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin:0 0 16px;padding:15px 16px}
.weather-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.weather-heading h3{font-size:14px;font-weight:800}
.weather-heading h3 span{font-size:11px;font-weight:400;color:var(--muted);margin-left:6px}
.weather-heading button{font-size:11px;padding:5px 8px;background:transparent}
.weather-heading button:disabled{cursor:wait;opacity:.5}
.weather-places{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 20px}
.weather-place{display:flex;align-items:center;gap:10px;min-width:0;padding:3px 0}
.weather-icon{width:30px;height:30px;flex:none;color:var(--blue)}
.weather-city{display:block;font-size:13px;font-weight:800}
.weather-condition{display:block;color:var(--muted);font-size:11px}
.weather-temperatures{margin-left:auto;display:flex;gap:7px;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.weather-low{color:var(--muted);font-weight:400}
.weather-credit{font-size:10px;color:var(--muted);margin-top:11px}
.weather-credit a{color:inherit}
.weather-unavailable{font-size:11px;color:var(--muted);margin-left:auto}
.day-weather-preview{font-size:10px;font-weight:500;display:block;color:var(--muted);margin-top:4px;white-space:nowrap}
@media(max-width:760px){.day-weather{padding:12px}.weather-heading h3 span{display:block;margin-left:0;margin-top:2px}.weather-places{grid-template-columns:1fr}.weather-temperatures{font-size:22px}.map-panel>.map-controls{padding-top:12px}}
@media print{.weather-heading button{display:none}}