.weather-panel{margin:24px 38px;padding:24px;border:1px solid #b8d0df;border-radius:18px;background:#f2f8fc}.weather-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.weather-heading span{font-size:14px;color:var(--blue);font-weight:750}.weather-heading h3{font-size:22px;margin:5px 0 0}.weather-refresh{min-height:44px;padding:10px 14px;border:1px solid #245d87;border-radius:10px;background:#fff;color:#173d5d;font-size:15px;font-weight:750;cursor:pointer}.weather-refresh:disabled{opacity:.65;cursor:wait}.weather-refresh:focus-visible{outline:3px solid #d98645;outline-offset:3px}.weather-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px}.weather-place{height:100%;padding:16px;background:#fff;border:1px solid #d6e2eb;border-radius:12px}.weather-place-heading{display:flex;gap:10px;justify-content:space-between;align-items:start}.weather-place h4{margin:0;font-size:16px;line-height:1.5}.weather-place-heading>span{font-size:14px;color:#245d87;white-space:nowrap}.weather-temperature{display:block;font-size:25px;color:#173d5d;margin:10px 0}.weather-metrics{display:grid;gap:5px;font-size:14px;line-height:1.6}.weather-metrics>span{display:flex;justify-content:space-between;gap:12px}.weather-status,.weather-source,.weather-footnote{font-size:14px;line-height:1.65;color:#526373}.weather-status{margin:12px 0 8px}.weather-place a{font-size:14px;color:#245d87;text-underline-offset:3px}.weather-source{margin-bottom:0}.weather-refresh-status{display:block;color:#245d87}.stop-weather{margin:12px 0;padding:12px;background:#edf5fb;border-left:3px solid #245d87;border-radius:0 8px 8px 0}.stop-weather-line{display:grid;gap:5px;font-size:14px;line-height:1.65}.stop-weather-line small{font-size:12px;color:#526373}.weather-unavailable{font-size:14px;line-height:1.6}.weather-footnote{margin-bottom:8px}
@media(max-width:600px){.weather-panel{margin:16px;padding:16px}.weather-grid{grid-template-columns:1fr}.weather-heading h3{font-size:20px}.weather-refresh{flex-shrink:0}.weather-place{padding:14px}.stop-weather-line{font-size:14px}}
@media print{.weather-refresh,.weather-refresh-status{display:none}.weather-panel{margin:10px;padding:10px;break-inside:avoid}.weather-grid{grid-template-columns:repeat(2,1fr)}.weather-heading h3{font-size:16px}.weather-place{padding:8px}.weather-temperature{font-size:18px}.weather-footnote,.weather-source,.weather-status,.weather-metrics,.weather-place a{font-size:9px}.stop-weather{padding:6px;margin:5px 0}.stop-weather-line,.stop-weather-line small{font-size:8px}}

.weather-mini-row{margin:14px 38px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}.weather-mini-place{display:inline-flex;align-items:center;gap:6px}.weather-mini-place>small{font-size:12px;color:var(--muted)}.weather-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#edf5fb;color:#245d87;font-size:12px;line-height:1.5;white-space:nowrap}.stop-weather{display:inline-block;margin:6px 0;padding:0;background:none;border:0}.weather-mini-row .weather-refresh{min-height:28px;width:28px;padding:2px;font-size:18px;border:0;background:none}.weather-refresh-status{font-size:11px}.weather-unavailable{font-size:12px}@media(max-width:600px){.weather-mini-row{margin:12px 16px;gap:8px 12px}}