.weather-page{max-width:1120px;margin:25px auto;padding:0 20px;color:#143344}.weather-page h1{font:44px/1.08 Georgia;max-width:700px}.weather-page .intro{font:21px/1.5 Georgia;max-width:700px}.weather-stamp,.weather-credits{font:12px/1.6 Arial;color:#536774}.weather-days{display:flex;gap:8px;overflow:auto;padding:16px 0}.weather-days button{white-space:nowrap;border:1px solid #cad7dc;border-radius:22px;background:#fff;color:#143344;padding:12px 17px;cursor:pointer}.weather-days [aria-pressed=true]{background:#143344;color:white}.weather-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}.weather-map{width:100%;max-height:640px}.weather-map [role=button]{cursor:pointer}.weather-map [role=button]:focus{outline:3px solid #b55b35}.weather-detail h2{font:30px Georgia}.weather-week article{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:15px 0;border-bottom:1px solid #dde3dc;font:16px Arial}.weather-week small{grid-column:1/-1;font:12px/1.5 Arial;color:#60707c}.weather-credits{border-top:1px solid #ddd;padding-top:20px;margin-top:25px}.weather-credits a{color:inherit}.weather-days button:focus-visible{outline:3px solid #b55b35}@media(max-width:700px){.weather-page{padding:0 16px;margin-top:16px}.weather-page h1{font-size:34px}.weather-layout{grid-template-columns:1fr;gap:5px}.weather-page .intro{font-size:19px}.weather-map{max-height:520px}.weather-days button{padding:11px 13px}}

.weather-place{padding:18px;background:#f0f4f2;border-radius:10px;margin:20px 0}.weather-place label{display:block;font:20px Georgia;margin-bottom:10px}.weather-place form>div{display:flex;gap:8px;flex-wrap:wrap}.weather-place input{flex:1;min-width:160px;padding:12px;border:1px solid #bdcbbd;border-radius:5px;font:16px Arial}.weather-place button{padding:11px 15px;border:1px solid #bdcbbd;border-radius:5px;background:white;color:#143344;cursor:pointer}.weather-place form button{background:#143344;color:white}.weather-place p{font:12px/1.5 Arial}.weather-place p button{padding:0;border:0;background:none;text-decoration:underline}.weather-place [data-results]{display:flex;flex-wrap:wrap;gap:8px;font:14px Arial}