:root{color-scheme:light}
.skip-link{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 14px;background:#163e52;color:#fff;border-radius:8px}.skip-link:focus{top:10px}
.forecast-body{background:#f7f9f8;color:#203a49}
.forecast-body::before{content:"";position:absolute;top:0;left:0;right:0;height:410px;background:linear-gradient(180deg,#eaf5f8,rgba(234,245,248,0));pointer-events:none;z-index:-1}
.forecast-body .shell{width:min(100% - 48px,1192px)}
.forecast-body .clean-topbar{grid-template-columns:auto minmax(240px,1fr) auto;gap:36px;padding:26px 0;border-bottom:1px solid #d9e5e8;align-items:center}
.clean-brand{display:inline-flex;align-items:center;gap:7px;color:#14394c;font:800 1.38rem 'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:-.045em;white-space:nowrap}
.clean-brand>span:last-child{color:#1682a6}
.clean-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;color:#fff;background:#1586aa;font-size:1.6rem;line-height:1;letter-spacing:0;margin-right:5px;box-shadow:0 7px 18px rgba(30,126,158,.15)}
.forecast-body .search-form{width:min(100%,420px);justify-self:end}
.forecast-body .search-form input{height:44px;border:1px solid #d3e0e4;border-radius:11px;background:#fff;box-shadow:none;color:#17394b;font-weight:500}
.forecast-body .search-form input:focus{outline:2px solid #2d92b0;outline-offset:2px}
.forecast-body .search-form button{background:#1682a6;box-shadow:none;border-radius:8px;top:5px;right:5px;width:34px;height:34px}
.clean-locales{display:flex;gap:2px;padding:4px;border:1px solid #d4e1e5;border-radius:10px;background:#fff}
.clean-locales a{padding:6px 7px;border-radius:6px;color:#59707b;font-size:.7rem;font-weight:800}
.clean-locales a[aria-current=page]{background:#e0f3f7;color:#126886}
.forecast-dashboard{padding:24px 0 70px;display:grid;gap:25px}
.forecast-breadcrumb{display:flex;align-items:center;gap:10px;color:#69808a;font-size:.83rem}
.forecast-breadcrumb a{color:#416679}
.forecast-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:18px}
.forecast-hero-copy,.forecast-hero-side,.forecast-card{border:1px solid #dce6e7;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(36,82,98,.035)}
.forecast-hero-copy{position:relative;overflow:hidden;padding:38px 42px;min-height:315px;background:linear-gradient(118deg,#d9eff6 0%,#e8f5f8 58%,#f5fbfa 100%);border-color:#c6e2eb}
.forecast-hero-copy::after{content:"";position:absolute;width:350px;height:350px;right:-120px;top:15px;border:1px solid rgba(51,150,177,.14);border-radius:50%;box-shadow:0 0 0 48px rgba(67,157,180,.035),0 0 0 105px rgba(67,157,180,.023);pointer-events:none}
.forecast-eyebrow,.forecast-overline{display:flex;align-items:center;gap:8px;color:#1b7795;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.7rem}
.status-dot{width:7px;height:7px;background:#2caa86;border-radius:50%}
.forecast-hero h1{max-width:none;color:#163e54;font-size:clamp(2.2rem,4vw,4rem);margin:16px 0 9px;letter-spacing:-.055em}
.forecast-hero h1 span{color:#397188;font-weight:500}
.forecast-subline{color:#4b6a79;font-size:.87rem}
.forecast-hero-bottom{display:flex;align-items:end;gap:37px;margin-top:33px;position:relative;z-index:1}
.forecast-temp{font:700 clamp(5.4rem,9vw,7.9rem)/.9 'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:-.1em;color:#0e5e7d;font-variant-numeric:tabular-nums}
.forecast-temp span{font-size:.27em;vertical-align:top;letter-spacing:0;margin-left:12px;color:#286e87}
.forecast-condition{display:grid;gap:3px;margin-bottom:5px;color:#426576}
.forecast-condition .weather-icon{width:49px;height:49px;color:#d38d38}
.forecast-condition strong{color:#193f53;font-size:1.12rem}
.forecast-hero-side{padding:30px;display:flex;flex-direction:column}
.forecast-side-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;border-bottom:1px solid #e3ebec;font-size:.9rem}
.forecast-side-stat span{color:#637983}.forecast-side-stat strong{color:#1a3d50;text-align:right;font-variant-numeric:tabular-nums}
.forecast-location-button{margin-top:auto;min-height:44px;padding:11px 14px;border:1px solid #bad9e1;border-radius:10px;background:#eef8fa;color:#176781;font:700 .85rem Inter,system-ui,sans-serif;cursor:pointer}
.forecast-location-button:hover,.forecast-location-button:focus-visible{background:#dceff4}
.forecast-location-status{min-height:1.2em;color:#47758a;font-size:.8rem;margin:8px 0 0}
.forecast-horizons{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid #d7e4e7;padding:0 0 1px;scrollbar-width:thin}
.forecast-horizons a{display:inline-flex;align-items:center;justify-content:center;min-width:108px;white-space:nowrap;padding:13px 16px;border-bottom:3px solid transparent;color:#526d7a;font-weight:700;font-size:.88rem}
.forecast-horizons a:hover{color:#126c8b;background:#eaf5f7}
.forecast-horizons a.selected{border-bottom-color:#1683a7;color:#126986}
.forecast-content-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(270px,.7fr);gap:18px;align-items:start}
.forecast-main-column,.forecast-aside{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
.forecast-card{padding:29px;min-width:0}
.forecast-card-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.forecast-card h2{color:#193e52;font-size:clamp(1.28rem,2vw,1.7rem);margin:7px 0 0;letter-spacing:-.03em}
.forecast-source{font-size:.72rem;color:#477789;background:#f1f8f9;padding:7px 10px;border-radius:7px}
.forecast-day-list{display:grid}
.forecast-day{display:grid;grid-template-columns:94px 42px minmax(90px,1fr) 100px 100px;gap:13px;align-items:center;min-height:75px;border-top:1px solid #e4ebec}
.forecast-day-date{display:grid;gap:2px}.forecast-day-date strong{color:#1e4154}.forecast-day-date span,.forecast-day-condition{color:#617984;font-size:.84rem}
.forecast-day .weather-icon{width:32px;height:32px;color:#5797ae}
.forecast-day-temps{display:flex;align-items:baseline;gap:9px;font-variant-numeric:tabular-nums}
.forecast-day-temps strong{font-size:1.22rem;color:#1c617e}.forecast-day-temps small{color:#8ca1a8}.forecast-day-rain{color:#267896;font-size:.79rem;text-align:right}
.forecast-chart{height:130px;overflow:hidden}.forecast-chart svg{height:100%;width:100%}.forecast-chart line{stroke:#cddcde;stroke-dasharray:4 5}.forecast-chart polyline{fill:none;stroke:#2087aa;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.forecast-hour-list{display:flex;gap:5px;overflow-x:auto;padding-bottom:6px}
.forecast-hour{min-width:69px;display:grid;gap:4px;text-align:center;color:#6e8790;font-size:.72rem}
.forecast-hour strong{color:#234b60;font-size:1rem}.forecast-hour small{font-size:.67rem;color:#3b8da8}
.forecast-detail-card dl{margin:15px 0 0}.forecast-detail-card dl div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #e4ebec}.forecast-detail-card dt{color:#5e7c89}.forecast-detail-card dd{margin:0;color:#204657;font-weight:700}
.forecast-nearby>div{display:grid;margin-top:12px}.forecast-nearby a{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #e4ebec;color:#2b728d}
.forecast-outlook-intro,.forecast-disclaimer,.forecast-empty{color:#5b7580;max-width:76ch;line-height:1.6}
.forecast-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.forecast-month{padding:21px;border:1px solid #dce9ea;background:#f7fbfa;border-radius:13px;display:grid;gap:9px}
.forecast-month>span{color:#387f97;font-weight:700;font-size:.83rem}.forecast-month>strong{font-size:1.85rem;color:#1a6380;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-variant-numeric:tabular-nums}
.forecast-month small,.forecast-month div{color:#617a85;font-size:.81rem}
.forecast-comparison{border-top:1px solid #e1ebec;padding-top:17px}.forecast-comparison summary{cursor:pointer;color:#237996;font-weight:700;padding:8px 0}
.forecast-comparison-scroll{overflow-x:auto}.forecast-comparison table{border-collapse:collapse;width:100%;min-width:440px;text-align:left;margin:8px 0 20px}.forecast-comparison caption{text-align:left;color:#6a8490;margin-bottom:10px}.forecast-comparison th,.forecast-comparison td{padding:10px;border-bottom:1px solid #dce8e9;color:#34586a}
.forecast-stale{display:inline-block;padding:9px 12px;border-radius:8px;background:#fff0d9;color:#795627;font-size:.82rem}
.forecast-body .footer{color:#76909b;border-top:1px solid #dce6e7;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.forecast-body .footer a{color:#2781a0;text-decoration:underline}
.clean-home{padding:42px 0 70px;display:grid;gap:48px}
.clean-home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:34px;align-items:stretch}
.clean-home-hero>div:first-child{padding:52px 0 45px}
.clean-home h1{max-width:11ch;margin:25px 0 20px;font-size:clamp(3.2rem,6vw,5.5rem);line-height:1.04;letter-spacing:-.065em;color:#163e52}
.clean-home-hero p{max-width:54ch;color:#597783;font-size:1.08rem;line-height:1.7}
.clean-home-quicklinks{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}
.clean-home-quicklinks a{padding:11px 16px;background:#fff;border:1px solid #d4e7e9;border-radius:10px;color:#286e88;font-weight:700;font-size:.87rem}
.clean-home-quicklinks span{margin-left:8px}
.clean-home-feature{padding:34px;border-radius:18px;background:linear-gradient(135deg,#d8edf4,#eff9fa);border:1px solid #c8e2e9;display:flex;flex-direction:column;justify-content:center;min-height:365px}
.clean-home-feature-city{margin-top:26px;font:700 1.55rem 'Plus Jakarta Sans',system-ui,sans-serif;color:#1b4f66}
.clean-home-feature-reading{display:flex;align-items:center;gap:18px;margin:12px 0 5px}.clean-home-feature-reading strong{font:700 6rem/.95 'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:-.1em;color:#145f7d}.clean-home-feature-reading .weather-icon{width:52px;height:52px;color:#d49445}
.clean-home-feature>a{margin-top:31px;font-weight:800;color:#1d7594}.clean-home-feature>a span{margin-left:8px}
.clean-home-section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.clean-home-section-heading h2{margin:7px 0 0;color:#193f53;font-size:1.9rem}.clean-home-section-heading p{font-size:.85rem;color:#718995}
.clean-home-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.clean-home-city{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px;background:#fff;border:1px solid #dfe8e9;border-radius:13px;min-width:0}
.clean-home-city:hover,.clean-home-city:focus-visible{border-color:#7cbdcd;box-shadow:0 9px 24px rgba(41,120,148,.08)}
.clean-home-city>div:first-child{display:grid;gap:7px;min-width:0}.clean-home-city strong{font-size:1.05rem;color:#264c60;overflow-wrap:anywhere}.clean-home-city span{color:#66808d;font-size:.82rem}
.clean-home-city-weather{display:flex;align-items:center;gap:10px;color:#176a88}.clean-home-city-weather .weather-icon{width:28px;height:28px}.clean-home-city-weather b{font-size:1.5rem}
.clean-home-note{padding:15px 19px;background:#eaf6f8;border-left:3px solid #2a91ad;color:#3e7184;font-size:.9rem}
.forecast-dashboard :focus-visible,.clean-topbar :focus-visible{outline:3px solid #238caf;outline-offset:3px}
@media(max-width:950px){.forecast-hero,.forecast-content-grid{grid-template-columns:1fr}.forecast-hero-side{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px}.forecast-hero-side .forecast-overline,.forecast-location-button,.forecast-location-status{grid-column:1/-1}.forecast-location-button{margin-top:15px}.forecast-month-grid{grid-template-columns:repeat(2,1fr)}.forecast-body .clean-topbar{gap:14px}.clean-brand{font-size:1.1rem}.clean-home-hero{grid-template-columns:1fr}.clean-home-hero>div:first-child{padding:22px 0 0}.clean-home-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.forecast-body .shell{width:min(100% - 28px,1192px)}.forecast-body .clean-topbar{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px 0}.clean-brand{font-size:clamp(.9rem,4vw,1.1rem);letter-spacing:-.05em;min-width:0}.clean-brand-mark{width:29px;height:29px;border-radius:9px;font-size:1.3rem;margin-right:2px}.forecast-body .search-form{grid-column:1/-1;grid-row:2;width:100%;min-width:0}.clean-locales{grid-column:2;grid-row:1}.clean-locales a{padding:5px;font-size:.63rem}.forecast-dashboard{gap:18px}.forecast-hero-copy,.forecast-hero-side,.forecast-card{padding:21px;border-radius:14px}.forecast-hero-copy{min-height:280px}.forecast-hero h1{font-size:2.3rem}.forecast-hero-bottom{gap:18px;align-items:center}.forecast-temp{font-size:5rem}.forecast-condition .weather-icon{width:37px;height:37px}.forecast-condition strong{font-size:.88rem}.forecast-hero-side{grid-template-columns:1fr}.forecast-side-stat{padding:12px 0}.forecast-day{grid-template-columns:62px 28px minmax(0,1fr) 71px;gap:7px;min-height:66px}.forecast-day-condition{font-size:.72rem;line-height:1.2}.forecast-day-rain{grid-column:3/5;text-align:left;margin:-10px 0 8px;font-size:.7rem}.forecast-day-temps{gap:5px}.forecast-day-temps strong{font-size:.96rem}.forecast-month-grid{grid-template-columns:1fr}.forecast-hour{min-width:65px}.clean-home{padding:26px 0 50px;gap:30px}.clean-home h1{font-size:3rem;margin:18px 0}.clean-home-hero{gap:22px}.clean-home-feature{min-height:270px;padding:25px}.clean-home-feature-reading strong{font-size:5rem}.clean-home-city-grid{grid-template-columns:1fr}.clean-home-city{padding:18px}.clean-home-section-heading h2{font-size:1.5rem}}
@media(max-width:390px){.clean-brand{font-size:.84rem}.clean-locales a{padding:4px;font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.forecast-dashboard *,.clean-topbar *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}