.nav-button,.language-switch a{text-decoration:none}.weather-nav{display:flex;align-items:center;gap:28px;margin-right:auto;margin-left:35px}.weather-nav .active:after{bottom:-27px}.language-switch a{padding:7px 4px}.weather-main{max-width:1160px}.weather-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:56px;padding:50px 0 36px;border-bottom:1px solid var(--line)}.weather-hero h1{font:400 clamp(44px,5.3vw,66px)/1.06 var(--serif);letter-spacing:-2.5px;margin:21px 0 17px}.weather-hero h1 em{color:var(--accent);font-weight:400}.weather-hero>div>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:440px;margin:0}.weather-city-form{padding:25px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.weather-city-form label{display:block;font-size:12px;font-weight:600;margin:0 0 13px}.weather-city-form>div{display:flex;flex-wrap:wrap;gap:12px}.weather-city-form select{font:inherit;min-width:0;width:100%;padding:13px 35px 13px 12px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--bg)}.weather-city-form .primary-button{width:100%;font-size:12px;gap:12px}.weather-location-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 19px}.weather-location-heading h2{font:400 36px var(--serif);letter-spacing:-1px;margin:0}.weather-location-heading>span{font-size:11px;color:var(--muted)}.weather-current{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px 36px}.weather-current .eyebrow{color:var(--muted);letter-spacing:1.4px;font-size:10px}.weather-now-line{display:flex;align-items:center;gap:22px;margin-top:18px}.weather-symbol{width:58px;height:58px;flex-shrink:0;color:var(--accent)}.weather-now-line .weather-symbol{width:78px;height:78px}.weather-now-temperature{font:400 76px/1 var(--serif);letter-spacing:-4px}.weather-now-temperature small{font:400 20px var(--sans);letter-spacing:0;margin-left:8px;color:var(--muted)}.weather-now-condition{font-size:17px;margin:12px 0;color:var(--ink)}.weather-observed{font-size:11px;line-height:1.85;color:var(--muted);margin:0}.weather-metrics{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:0;align-content:center;border-left:1px solid var(--line);padding-left:35px}.weather-metrics dt{font-size:11px;color:var(--muted);margin-bottom:12px}.weather-metrics dd{font:400 36px var(--serif);margin:0;line-height:1.4}.weather-metrics dd span{font:400 11px var(--sans);color:var(--muted);white-space:normal}.weather-metrics small{font-size:10px;line-height:1.5;color:var(--muted)}.weather-forecast-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:34px 0 17px}.weather-forecast-heading h2{font:400 28px var(--serif);letter-spacing:-.6px;margin:0}.weather-forecast-heading p{font-size:10px;color:var(--muted);text-align:right}.forecast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.forecast-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:20px;display:flex;flex-direction:column}.forecast-card-first{border-color:var(--accent)}.forecast-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.forecast-card h3{font-size:12px;font-weight:600;line-height:1.55;margin:0}.forecast-card .weather-symbol{width:44px;height:44px}.forecast-temperature{font:400 42px var(--serif);letter-spacing:-1px;margin:18px 0 8px}.forecast-temperature>span{font:400 10px var(--sans);color:var(--muted);letter-spacing:0;margin-left:9px}.forecast-condition{font-size:12px;line-height:1.65;margin:0 0 14px}.forecast-pop{font-size:10px;line-height:1.7;margin:0 0 12px;color:var(--muted)}.forecast-pop strong{font-weight:600;color:var(--ink)}.forecast-card details{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;font-size:11px}.forecast-card summary{cursor:pointer;color:var(--accent);line-height:1.5}.forecast-card details p{font-size:12px;line-height:1.75;color:var(--muted);margin-bottom:0}.weather-issued{font-size:11px;line-height:1.9;color:var(--muted);margin:23px 0}.weather-source{margin-top:25px;border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.weather-source .primary-button{font-size:12px;gap:8px;text-decoration:none}.weather-source>p{font-size:11px;line-height:1.8;margin:0;width:100%;color:var(--muted)}.weather-source .weather-independence{font-size:10px;margin-top:-12px}.weather-status,.weather-unavailable{border:1px solid var(--accent);border-radius:10px;background:var(--accent-soft);padding:17px 20px;font-size:13px;line-height:1.8;margin:0 0 20px}.weather-unavailable h2{font:400 28px var(--serif);margin:7px 0 12px}.weather-alerts a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;margin-bottom:15px;border:1px solid var(--accent);border-radius:9px;background:var(--accent-soft);text-decoration:none;font-size:12px;line-height:1.7}.weather-alerts a span{font-size:10px;flex-shrink:0;text-decoration:underline}.weather-back{display:inline-flex;margin:34px 0 45px;text-decoration:none}.weather-source .text-button{padding:9px 0}.weather-main+.footer .footer-links a{font-size:11px;text-decoration:none;color:var(--muted)}
@media(max-width:950px){.weather-current{grid-template-columns:1.3fr 1fr;gap:20px;padding:28px}.weather-metrics{gap:15px;padding-left:25px}.weather-hero{gap:30px}.weather-now-temperature{font-size:68px}.weather-now-line{gap:16px}.weather-nav{margin-left:0;gap:20px}}
@media(max-width:740px){.weather-hero{grid-template-columns:1fr;gap:27px;padding:34px 0 26px}.weather-hero h1{font-size:49px;letter-spacing:-2px}.weather-hero .eyebrow{font-size:9px}.weather-hero>div>p{font-size:13px}.weather-city-form{padding:19px}.weather-city-form>div{flex-wrap:nowrap}.weather-city-form select{width:auto;flex:1;font-size:12px}.weather-city-form .primary-button{width:auto;padding:12px;font-size:10px;white-space:normal}.weather-location-heading{margin-top:26px}.weather-location-heading h2{font-size:32px}.weather-current{grid-template-columns:1fr;padding:25px;gap:23px}.weather-metrics{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;gap:22px}.weather-now-line .weather-symbol{width:65px;height:65px}.weather-now-temperature{font-size:66px}.weather-now-condition{font-size:15px}.weather-metrics dt{margin-bottom:6px}.weather-metrics dd{font-size:31px}.forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.forecast-card{padding:17px}.forecast-card h3{font-size:11px}.forecast-card .weather-symbol{width:35px;height:35px}.forecast-temperature{font-size:36px}.forecast-condition{font-size:11px}.weather-forecast-heading{align-items:flex-start}.weather-forecast-heading h2{font-size:24px}.weather-forecast-heading p{font-size:9px;line-height:1.7;margin:2px 0;max-width:130px}.weather-source{gap:16px}.weather-source>p{font-size:10px}.weather-alerts a{align-items:flex-start;flex-direction:column;gap:7px}.weather-back{font-size:12px;margin-bottom:28px}.weather-nav{gap:15px;margin-right:0}.weather-nav .nav-button{font-size:11px}.weather-nav .active{display:none}.weather-nav .active:after{display:none}.header-inner{gap:14px}.header-actions{gap:10px}.weather-main+.footer .footer-inner{padding-bottom:30px}.weather-source .primary-button{font-size:11px}}
@media(max-width:390px){.weather-nav{display:none}.weather-hero h1{font-size:44px}.forecast-grid{gap:9px}.forecast-card{padding:14px}.forecast-card-top{gap:4px}.forecast-card .weather-symbol{width:30px;height:30px}.forecast-temperature{font-size:32px}.forecast-temperature>span{font-size:9px;margin-left:5px}}
