:root{--blue:#075985;--blue2:#0284c7;--sky:#e0f2fe;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--red:#dc2626}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f8fafc;line-height:1.55}main,header,footer,section,article,aside,nav,form{max-width:100%}img,svg{max-width:100%;height:auto}.wrap{width:calc(100% - 32px);max-width:1120px;margin-inline:auto}.wrap>*{min-width:0}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{min-width:0;font-weight:850;font-size:20px;color:var(--blue);text-decoration:none}.brand span{font-size:25px}.nav nav{display:flex;gap:26px}.nav nav a{color:#334155;text-decoration:none;font-weight:650}.menu{display:none;border:0;background:var(--sky);padding:9px 12px;border-radius:9px;flex:0 0 auto}.hero{background:linear-gradient(135deg,#075985,#0ea5e9);color:#fff;padding:72px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:center}.hero h1{overflow-wrap:anywhere;font-size:clamp(38px,6vw,64px);line-height:1.03;margin:8px 0 16px;letter-spacing:-2px}.hero p{font-size:18px;max-width:650px}.eyebrow,.kicker{font-size:12px;font-weight:850;letter-spacing:1.4px}.info-strip{display:flex;align-items:center;gap:14px;width:100%;max-width:690px;margin-top:18px;padding:14px 18px;background:#ffffff18;border:1px solid #ffffff40;border-radius:14px}.info-strip .sun{font-size:34px;flex:0 0 auto}.info-strip p{font-size:14px;margin:2px 0 0}.sun{display:block}.search{display:flex;position:relative;width:100%;max-width:690px;margin-top:24px;background:#fff;border-radius:14px;padding:6px;box-shadow:0 15px 40px #082f4960}.search input{width:0;min-width:0;flex:1 1 auto;border:0;padding:15px;font-size:16px;outline:0;border-radius:10px}.search button{flex:0 0 auto;border:0;background:#f97316;color:#fff;font-weight:800;padding:0 22px;border-radius:10px;cursor:pointer;white-space:nowrap}.suggestions{position:absolute;top:64px;left:0;right:0;width:100%;background:#fff;color:var(--ink);border-radius:12px;box-shadow:0 12px 30px #0f172a22;overflow:hidden;z-index:10}.suggestions a{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line);overflow:hidden}.suggestions a>*{min-width:0;overflow:hidden;text-overflow:ellipsis}.suggestions small{color:var(--muted)}.section{padding:48px 0}.section h2{font-size:30px;margin-bottom:4px}.muted{color:var(--muted)}.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.city{min-width:0;display:flex;align-items:center;gap:12px;background:#fff;padding:18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;box-shadow:0 4px 14px #0f172a08;overflow:hidden}.city:hover{border-color:#38bdf8;transform:translateY(-1px)}.city div{min-width:0;flex:1}.city strong,.city small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city small{color:var(--muted)}.city b{font-size:22px}.weather-head{background:linear-gradient(120deg,#e0f2fe,#f0f9ff);padding:34px 0}.weather-head h1{overflow-wrap:anywhere;font-size:clamp(30px,5vw,48px);margin:12px 0 3px;letter-spacing:-1px}.weather-head .search{box-shadow:0 8px 22px #0f172a18}.crumb{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--muted)}.crumb a{color:var(--blue)}.weather-layout{display:block;padding:28px 0 60px}.weather-layout>*{min-width:0}.content{width:100%;min-width:0;display:grid;gap:18px}.now,.card,.tomorrow,.day-data,.seo-copy{min-width:0;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 5px 18px #0f172a08;overflow:hidden}.now{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:linear-gradient(135deg,#075985,#0284c7);color:#fff}.now p,.now h2{margin:0}.temp{min-width:0;display:flex;align-items:center}.temp img{width:76px;flex:0 0 auto}.temp strong{font-size:clamp(52px,9vw,72px);line-height:1}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.facts div{min-width:0;background:#ffffff18;border-radius:12px;padding:15px}.facts small,.facts b{display:block}.facts b{font-size:20px;overflow-wrap:anywhere}.day-data h2{font-size:20px;margin:0 0 15px}.day-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.day-data-grid>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:14px}.day-data-grid span{grid-row:1/3;font-size:22px}.day-data-grid small{color:var(--muted);white-space:nowrap}.day-data-grid b{overflow-wrap:anywhere}.card h2{margin-top:0;overflow-wrap:anywhere}.hourly{display:flex;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;gap:10px;padding-bottom:8px;overscroll-behavior-inline:contain}.hourly>div{flex:0 0 76px;min-width:0;text-align:center;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px 5px}.hourly img{display:block;width:40px;margin:5px auto}.hourly small,.hourly b,.hourly em{display:block}.hourly em{font-size:11px;color:var(--blue);font-style:normal}.tomorrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.tomorrow>*{min-width:0}.tomorrow h2{margin:4px 0;overflow-wrap:anywhere}.tomorrow img{width:80px;flex:0 0 auto}.tomorrow strong{font-size:42px;color:var(--red)}.forecast{width:100%;max-width:100%}.forecast>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(76px,.6fr);align-items:center;gap:8px;border-top:1px solid var(--line);padding:12px 0}.forecast span{min-width:0}.forecast span small{display:block;color:var(--muted)}.condition{display:flex;align-items:center;gap:8px;overflow:hidden}.condition img{width:42px;flex:0 0 auto}.condition small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.degrees{text-align:right;white-space:nowrap}.degrees b{color:var(--red)}.seo-copy h2{margin-top:0}footer{background:#0f172a;color:#cbd5e1;padding:36px 0}.footer{display:flex;justify-content:space-between;gap:20px}.footer a{color:#7dd3fc}.error{text-align:center;padding:90px 0}.error>span{font-size:72px}.error .search{margin:25px auto}.sr{position:absolute;left:-9999px}
@media(max-width:800px){.nav nav{display:none;position:absolute;top:68px;left:0;right:0;width:100%;background:#fff;padding:20px;flex-direction:column}.nav nav.open{display:flex}.menu{display:block}.hero{padding:50px 0}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.now{grid-template-columns:minmax(0,1fr);gap:20px}.day-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast>div{grid-template-columns:minmax(0,1fr) minmax(76px,.7fr)}.condition small{display:none!important}.search button{padding-inline:12px}.footer{display:block}}
@media(max-width:520px){.wrap{width:calc(100% - 22px)}.city-grid{grid-template-columns:minmax(0,1fr)}.hero h1{letter-spacing:-1px}.search{display:grid;grid-template-columns:minmax(0,1fr);padding:6px}.search input{width:100%}.search button{width:100%;padding:13px}.suggestions{top:112px}.info-strip{align-items:flex-start;padding:12px}.now,.card,.tomorrow,.day-data,.seo-copy{padding:18px}.facts,.day-data-grid{grid-template-columns:minmax(0,1fr)}.tomorrow{flex-wrap:wrap}.tomorrow img{width:58px}.tomorrow strong{font-size:34px}.forecast>div{grid-template-columns:minmax(0,1fr) 76px}.brand{font-size:17px}.nav{gap:8px}}