.local-weather{margin:0 0 1.5rem;padding:1.15rem 1.3rem;border:1px solid #cbd5e1;border-radius:12px;background:#f1f5f9;color:#172b42}
.weather-top,.weather-details,.weather-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.weather-top{justify-content:space-between}.local-weather h2{font-size:1.25rem;margin:0}.weather-kicker{margin:0 0 .2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.weather-details{margin:.8rem 0}.weather-temperature{font-size:2.4rem;font-weight:750;line-height:1.15}.weather-conditions{font-weight:700}.weather-metrics{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem}.local-weather p{margin:.3rem 0}.weather-note{font-size:.8rem;color:#40536b}.local-weather a{color:#174d79;text-decoration:underline}.local-weather button{font:inherit;cursor:pointer;background:#fff;color:#172b42;border:1px solid #71839a;border-radius:6px;min-height:44px;padding:.5rem .8rem}.local-weather button:hover{background:#e0e9f2}.local-weather :focus-visible{outline:3px solid #215f98;outline-offset:3px}.local-weather [hidden]{display:none!important}
@media(max-width:600px){.weather-top{align-items:flex-start}.weather-actions{gap:.5rem}.local-weather{padding:1rem}.weather-temperature{font-size:2rem}.weather-details{gap:.7rem}}