/* theme + scale (generic spacing, font, radii, surfaces) */
:root{
--w2-950:#020617;--w2-900:#0f172a;--w2-800:#1e293b;
--w2-bg:var(--w2-950);--w2-b:var(--w2-800);
--w2-t:#f1f5f9;--w2-m:#94a3b8;--w2-s2:#e2e8f0;--w2-s3:#cbd5e1;
--w2-a:#38bdf8;--w2-ah:rgba(14,165,233,.15);--w2-ah2:rgba(14,165,233,.2);--w2-sy0:#f0f9ff;--w2-sy1:#e0f2fe;
--w2-c:rgba(2,6,23,.95);--w2-s9:rgba(15,23,42,.7);--w2-s98:rgba(15,23,42,.8);--w2-s96:rgba(15,23,42,.6);--w2-s94:rgba(15,23,42,.4);
--w2-r:rgba(255,255,255,.05);--w2-sh:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
--w2-tr:color .15s,background-color .15s;--w2-tr2:transform .15s;
--w2-white:#fff;
/* spacing */
--w2-g0:.125rem;--w2-g1:.25rem;--w2-g2:.375rem;--w2-g3:.5rem;--w2-g4:.75rem;--w2-g5:1rem;--w2-g6:1.5rem;--w2-g7:2rem;
/* font-size */
--w2-fxs:.5625rem;--w2-fsm:.75rem;--w2-fmeta:.8125rem;--w2-fbase:.875rem;--w2-fmd:1rem;--w2-flg:1.125rem;--w2-fxl:1.25rem;--w2-f2xl:1.5rem;--w2-f3xl:3rem;--w2-f4xl:3.75rem;
/* radii */
--w2-rxs:.125rem;--w2-rsm:.375rem;--w2-rmd:.5rem;--w2-rlg:.75rem;--w2-rxl:1rem;--w2-rfull:9999px;
/* card/cell surfaces */
--w2-bdr:rgba(30,41,59,.5);--w2-bdr2:rgba(30,41,59,.6);--w2-bdr3:rgba(30,41,59,.7);--w2-bdr4:rgba(2,6,23,.4);
--w2-surf:rgba(15,23,42,.3);--w2-surf2:rgba(15,23,42,.4);--w2-cell:linear-gradient(to bottom,rgba(15,23,42,.8),rgba(2,6,23,.9));
}
/* base */
body{font-family:Figtree,system-ui,sans-serif;margin:0;background:var(--w2-bg);color:var(--w2-t);min-height:100vh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
/* header */
.w2-header{position:sticky;top:0;z-index:1100;width:100%;border-bottom:1px solid var(--w2-b);background:var(--w2-bg);color:var(--w2-t);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);contain:layout style}
.w2-header-inner,.w2-content,.w2-footer-inner{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:var(--w2-g5);padding-right:var(--w2-g5)}
@media(min-width:640px){.w2-header-inner,.w2-content,.w2-footer-inner{padding-left:var(--w2-g6);padding-right:var(--w2-g6)}}
@media(min-width:1024px){.w2-header-inner,.w2-content,.w2-footer-inner{padding-left:var(--w2-g7);padding-right:var(--w2-g7)}}
.w2-header-inner{display:flex;flex-direction:column;gap:var(--w2-g4);padding-top:var(--w2-g4);padding-bottom:var(--w2-g4)}
.w2-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--w2-g4)}
.w2-header-right{display:flex;align-items:center;gap:var(--w2-g3)}
.w2-logo{display:inline-flex;align-items:center;gap:var(--w2-g1);color:inherit;text-decoration:none;padding:var(--w2-g1) var(--w2-g4);border-radius:var(--w2-rfull);background:var(--w2-s9);box-shadow:0 1px 2px 0 rgba(0,0,0,.05),0 0 0 1px var(--w2-r);transition:var(--w2-tr)}
.w2-logo:hover{color:var(--w2-s2)}
.w2-logo img{width:24px;height:24px;flex-shrink:0}
.w2-logo .w2-logo-accent{color:var(--w2-a)}
.w2-logo span{font-size:16px;font-weight:600;letter-spacing:-.01em}
.w2-footer .w2-logo{margin-bottom:var(--w2-g4)}
.w2-nav{display:none;flex:1;align-items:center;justify-content:center;gap:var(--w2-g1)}
@media(min-width:1024px){.w2-nav{display:flex}}
.w2-nav a{display:inline-flex;align-items:center;gap:var(--w2-g1);padding:var(--w2-g1) var(--w2-g4);border-radius:var(--w2-rfull);font-size:16px;font-weight:500;color:var(--w2-s2);text-decoration:none;transition:var(--w2-tr)}
.w2-nav a:hover{background:var(--w2-ah);color:var(--w2-sy0)}
.w2-nav .w2-nav-item{position:relative}
.w2-nav .w2-nav-drop{visibility:hidden;opacity:0;position:absolute;left:50%;top:100%;margin-top:var(--w2-g3);width:13rem;padding:var(--w2-g3);background:var(--w2-c);border:1px solid var(--w2-b);border-radius:var(--w2-rlg);box-shadow:var(--w2-sh);transform:translateX(-50%);transition:visibility .15s,opacity .15s;color:var(--w2-t);font-size:12px;z-index:200}
.w2-nav .w2-nav-item:hover .w2-nav-drop{visibility:visible;opacity:1}
.w2-nav .w2-nav-drop a{display:block;padding:var(--w2-g1) var(--w2-g4);border-radius:var(--w2-rsm);color:inherit;transition:var(--w2-tr)}
.w2-nav .w2-nav-drop a+a{margin-top:var(--w2-g1)}
.w2-nav .w2-nav-drop a:hover{background:var(--w2-ah2);color:var(--w2-sy0)}
.w2-nav-icon{flex-shrink:0;color:var(--w2-a)}
.w2-nav-chevron{flex-shrink:0;opacity:.8}
.w2-lang-wrap{position:relative}
.w2-lang-chevron{flex-shrink:0}
.w2-lang-btn{display:inline-flex;align-items:center;gap:var(--w2-g1);padding:var(--w2-g1) var(--w2-g4);border-radius:var(--w2-rfull);font-size:var(--w2-fsm);font-weight:500;color:var(--w2-s2);background:0 0;border:none;cursor:pointer;font:inherit;transition:var(--w2-tr);outline:none;box-shadow:none}
.w2-lang-btn:hover{background:var(--w2-ah);color:var(--w2-sy0)}
.w2-lang-btn:focus,.w2-lang-wrap.open .w2-lang-btn{outline:none;box-shadow:none}
.w2-lang-btn:focus-visible{box-shadow:0 0 0 2px var(--w2-b)}
.w2-lang-btn span{letter-spacing:.05em}
.w2-lang-btn img{width:16px;height:12px;border-radius:2px;object-fit:cover;border:1px solid var(--w2-s94)}
.w2-lang-chevron{color:var(--w2-s3);transition:var(--w2-tr2)}
.w2-lang-wrap.open .w2-lang-chevron{transform:rotate(180deg)}
.w2-lang-drop{display:none;position:absolute;top:100%;right:0;margin-top:var(--w2-g3);width:13rem;padding:var(--w2-g3);background:var(--w2-c);border:1px solid var(--w2-b);border-radius:var(--w2-rlg);box-shadow:var(--w2-sh);z-index:50;color:var(--w2-t);font-size:var(--w2-fsm);overflow:hidden}
.w2-lang-wrap.open .w2-lang-drop{display:flex;flex-direction:column;gap:var(--w2-g1)}
.w2-lang-drop a{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--w2-g1) var(--w2-g4);border-radius:var(--w2-rsm);color:var(--w2-t);text-decoration:none;font-size:inherit;transition:var(--w2-tr);box-sizing:border-box}
.w2-lang-drop a:first-child{border-radius:var(--w2-rsm) var(--w2-rsm) var(--w2-rxs) var(--w2-rxs)}
.w2-lang-drop a:last-child{border-radius:var(--w2-rxs) var(--w2-rxs) var(--w2-rsm) var(--w2-rsm)}
.w2-lang-drop a:only-child{border-radius:var(--w2-rsm)}
.w2-lang-drop a:hover{background:var(--w2-ah2);color:var(--w2-sy0)}
.w2-lang-drop a.w2-lang-active{background:rgba(14,165,233,.25);color:var(--w2-sy1)}
.w2-lang-drop-label{display:flex;align-items:center;gap:var(--w2-g3);min-width:0}
.w2-lang-drop-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w2-lang-flag{width:16px;height:12px;border-radius:2px;object-fit:cover;border:1px solid var(--w2-s94);flex-shrink:0}
.w2-lang-check{display:inline-flex;color:var(--w2-a);flex-shrink:0}
.w2-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--w2-rfull);background:var(--w2-s96);color:var(--w2-t);box-shadow:0 0 0 1px var(--w2-r);border:none;cursor:pointer;transition:var(--w2-tr)}
.w2-mobile-toggle:hover{background:var(--w2-b)}
@media(min-width:1024px){.w2-mobile-toggle{display:none}}
.w2-mobile-nav{display:none;width:100%}
@media(min-width:1024px){.w2-mobile-nav{display:none!important}}
.w2-mobile-nav-list{list-style:none;margin:0;padding:var(--w2-g3);display:flex;flex-direction:column;gap:var(--w2-g1);background:var(--w2-s9);border-radius:var(--w2-rxl);box-shadow:var(--w2-sh),0 0 0 1px var(--w2-r)}
.w2-mobile-item{margin:0;padding:0;border:none}
.w2-mobile-item.w2-mobile-parent,.w2-mobile-item:not(.w2-mobile-parent){border-radius:var(--w2-rlg);background:var(--w2-s98);padding:var(--w2-g1) var(--w2-g3);box-shadow:none}
.w2-mobile-parent-btn,.w2-mobile-link{display:flex;align-items:center;gap:var(--w2-g3);width:100%;border-radius:var(--w2-rmd);padding:var(--w2-g2) var(--w2-g3);font-size:16px;font-weight:600;color:var(--w2-t);text-decoration:none;border:none;background:transparent;cursor:pointer;font:inherit;transition:var(--w2-tr);text-align:left;box-sizing:border-box}
.w2-mobile-parent-btn:hover,.w2-mobile-link:hover{background:var(--w2-ah2);color:var(--w2-sy0)}
.w2-mobile-parent-btn{justify-content:flex-start}
.w2-mobile-parent-btn .w2-mobile-chevron{margin-left:auto}
.w2-mobile-icon{flex-shrink:0;color:var(--w2-a);width:var(--w2-fmd);height:var(--w2-fmd)}
.w2-mobile-chevron{flex-shrink:0;width:.875rem;height:.875rem;color:var(--w2-s3);transition:var(--w2-tr2)}
.w2-mobile-parent.open .w2-mobile-chevron{transform:rotate(180deg)}
.w2-mobile-sub{list-style:none;margin:var(--w2-g1) 0 0 0;padding:0 0 0 var(--w2-g6);display:none;flex-direction:column;gap:var(--w2-g0);font-size:12px;color:var(--w2-s3)}
.w2-mobile-parent.open .w2-mobile-sub{display:flex}
.w2-mobile-sub li{margin:0}
.w2-mobile-sub-link{display:block;padding:var(--w2-g1) var(--w2-g3);border-radius:var(--w2-rsm);color:inherit;text-decoration:none;transition:var(--w2-tr)}
.w2-mobile-sub-link:hover{background:var(--w2-ah);color:var(--w2-sy0)}
.w2-header-search-row{display:flex;width:100%;justify-content:center}
.w2-header-search-inner{width:100%;max-width:32rem}
.w2-header-search-input{width:100%;padding:var(--w2-g2) var(--w2-g4);border-radius:var(--w2-rfull);font-size:var(--w2-fbase);font:inherit;background:var(--w2-s9);border:1px solid var(--w2-b);color:var(--w2-t);box-shadow:0 0 0 1px var(--w2-r)}
.w2-header-search-input::placeholder{color:var(--w2-m)}
.w2-header-search-input:focus{outline:none;border-color:var(--w2-a)}
/* main */
.w2-main{flex:1;min-height:50vh;background:var(--w2-bg);color:var(--w2-t);contain:layout style}
.w2-footer{content-visibility:auto;contain:layout style;background:var(--w2-bg);border-top:1px solid var(--w2-b);color:var(--w2-s3)}
.w2-footer-inner{padding-top:var(--w2-g7);padding-bottom:var(--w2-g7)}
.w2-footer-grid{display:grid;gap:var(--w2-g7);grid-template-columns:1fr}
@media(min-width:640px){.w2-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.w2-footer-grid{grid-template-columns:repeat(4,1fr)}}
.w2-footer h3{font-size:var(--w2-fbase);font-weight:600;color:var(--w2-white);margin:0 0 var(--w2-g4) 0}
.w2-footer p,.w2-footer ul{font-size:var(--w2-fsm);margin:0}
.w2-footer ul{list-style:none;padding:0}
.w2-footer li{margin-bottom:var(--w2-g3)}
.w2-footer-domains-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--w2-g1) var(--w2-g5)}
.w2-footer-domains-list li{margin-bottom:0}
.w2-footer-domain-link{display:inline-flex;align-items:center;gap:var(--w2-g3);color:inherit;text-decoration:none;transition:var(--w2-tr)}
.w2-footer-domain-link:hover{color:var(--w2-a)}
.w2-footer-domain-icon{display:inline-flex;flex-shrink:0;color:var(--w2-a)}
.w2-footer-domain-icon svg{width:12px;height:12px}
.w2-footer a{color:inherit;text-decoration:none}
.w2-footer a:hover{color:var(--w2-a)}
.w2-footer a.w2-logo:hover{color:inherit}
.w2-footer-bottom{margin-top:var(--w2-g7);padding-top:var(--w2-g6);border-top:1px solid var(--w2-b);display:flex;flex-direction:column;gap:var(--w2-g5);align-items:center;justify-content:space-between}
@media(min-width:640px){.w2-footer-bottom{flex-direction:row}}
.w2-footer-bottom p{font-size:var(--w2-fsm);color:var(--w2-m)}
.w2-flag{height:9px;width:12px;object-fit:cover;flex-shrink:0}
.w2-content{padding-top:var(--w2-g4);padding-bottom:var(--w2-g4);contain:layout style}
.w2-page-heading{margin:0 0 var(--w2-g4) 0;font-size:var(--w2-f2xl);font-weight:700;color:var(--w2-white);line-height:1.2}
@media(min-width:768px){.w2-page-heading{font-size:var(--w2-f3xl)}}
.w2-content-title{font-size:var(--w2-f2xl);font-weight:600;margin-bottom:var(--w2-g3);color:var(--w2-t)}
.w2-content-title .w2-location-subtitle{color:var(--w2-m)}
.w2-content-loading,.w2-content-meta{font-size:var(--w2-fbase);color:var(--w2-m);margin:0}
.w2-content-meta{margin-top:var(--w2-g5);font-size:var(--w2-fmeta)}
.w2-hero{margin-bottom:var(--w2-g5)}
.w2-hero-card{overflow:hidden;border-radius:var(--w2-rxl);border:1px solid var(--w2-bdr2);background:var(--w2-cell);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.w2-hero-inner{position:relative;z-index:10;padding:var(--w2-g4)}
.w2-hero-location{margin-bottom:var(--w2-g5);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
/* location-only hero (week/month): match month page spacing */
.w2-hero-location-only .w2-hero-location{margin-bottom:0}
.w2-hero-location-only .w2-hero-datetime{margin-bottom:var(--w2-g0)}
.w2-hero-location-row{margin-bottom:var(--w2-g1);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--w2-g3)}
.w2-hero-flag{height:var(--w2-fmd);width:1.5rem;border-radius:2px;object-fit:cover;border:1px solid var(--w2-s94)}
.w2-hero-location-name{font-size:var(--w2-fxl);font-weight:700;color:var(--w2-white)}
@media(min-width:768px){.w2-hero-location-name{font-size:var(--w2-f2xl)}}
.w2-hero-location-link{text-decoration:none}
.w2-hero-location-link:hover{color:var(--w2-a)}
.w2-hero-location-subtitle{margin:var(--w2-g1) 0 0;font-size:var(--w2-fbase);font-weight:500;color:var(--w2-s2);flex-basis:100%}
.w2-hero-datetime{margin-bottom:var(--w2-g1)}
.w2-hero-time,.w2-hero-period-label{font-size:var(--w2-fmd);font-weight:500;color:var(--w2-s3);margin:0}
.w2-hero-period-label{margin-bottom:var(--w2-g0)}
[data-time="24"] .w2-hero-time-12{display:none}[data-time="12"] .w2-hero-time-24{display:none}
[data-time="24"] .w2-wd-time-12{display:none}[data-time="12"] .w2-wd-time-24{display:none}
[data-time="24"] .w2-precipitation-time-12{display:none}[data-time="12"] .w2-precipitation-time-24{display:none}
[data-time="24"] .w2-hourly-time-12{display:none}[data-time="12"] .w2-hourly-time-24{display:none}
[data-unit="c"] .w2-hero-temp-f,[data-unit="c"] .w2-hero-apparent-f,[data-unit="c"] .w2-recent-city-temp-f,[data-unit="c"] .w2-calendar-temp-f{display:none}[data-unit="f"] .w2-hero-temp-c,[data-unit="f"] .w2-hero-apparent-c,[data-unit="f"] .w2-recent-city-temp-c,[data-unit="f"] .w2-calendar-temp-c{display:none}
[data-unit="c"] .w2-wd-imperial{display:none}[data-unit="f"] .w2-wd-metric{display:none}
[data-unit="c"] .w2-hourly-temp-f,[data-unit="c"] .w2-hourly-precip-i,[data-unit="c"] .w2-hourly-wind-i{display:none}[data-unit="f"] .w2-hourly-temp-c,[data-unit="f"] .w2-hourly-precip-m,[data-unit="f"] .w2-hourly-wind-m{display:none}
@media(min-width:768px){.w2-hero-time,.w2-hero-period-label{font-size:var(--w2-flg)}}
.w2-hero-date{margin:var(--w2-g0) 0 0 0;font-size:var(--w2-fsm);color:var(--w2-m)}
@media(min-width:768px){.w2-hero-date{font-size:var(--w2-fbase)}}
.w2-hero-temp-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--w2-g4);text-align:center}
.w2-hero-condition{display:flex;align-items:center;justify-content:center;gap:var(--w2-g3);font-size:var(--w2-fmd);color:var(--w2-s3)}
.w2-hero-weather-icon{width:2rem;height:2rem;flex-shrink:0}
@media(min-width:768px){.w2-hero-weather-icon{width:2.5rem;height:2.5rem}}
.w2-hero-temp{font-size:var(--w2-f3xl);font-weight:700;color:var(--w2-white);margin:0 0 var(--w2-g1) 0}
@media(min-width:768px){.w2-hero-temp{font-size:var(--w2-f4xl)}}
.w2-hero-feels{font-size:var(--w2-flg);font-weight:500;color:var(--w2-m);margin:0}
.w2-hero-feels span{color:var(--w2-white)}
.w2-hero-switchers-wrap{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:var(--w2-g4);margin-bottom:var(--w2-g4)}
@media(max-width:767px){.w2-hero-switchers-wrap{flex-direction:column}.w2-period-tabs{order:1}.w2-hero-switchers{order:2}}
.w2-period-tabs{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--w2-g3);margin:0;border-radius:var(--w2-rfull);border:1px solid var(--w2-bdr);background:var(--w2-surf2);padding:var(--w2-g1);box-sizing:border-box;width:fit-content;flex:0 0 auto}
.w2-period-tab{display:inline-flex;align-items:center;justify-content:center;height:1.5rem;min-width:3rem;padding:0 var(--w2-g4);border-radius:var(--w2-rfull);border:none;background:0 0;font-size:var(--w2-fsm);font-weight:500;line-height:1;color:var(--w2-m);text-decoration:none;transition:var(--w2-tr);box-sizing:border-box;cursor:pointer}
.w2-period-tab:hover{color:var(--w2-s2)}
.w2-period-tab.w2-period-tab-active{background:var(--w2-ah2);color:var(--w2-a)}
.w2-hero-switchers{display:flex;justify-content:flex-end;align-items:stretch;gap:var(--w2-g4);flex-wrap:wrap;margin:0;margin-left:auto;width:fit-content;flex:0 0 auto}
.w2-hero-switcher-group{display:flex;align-items:stretch;gap:var(--w2-g3);border-radius:var(--w2-rfull);border:1px solid var(--w2-bdr);background:var(--w2-surf2);padding:var(--w2-g1);box-sizing:border-box}
.w2-hero-switcher-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:3rem;height:1.5rem;padding:0 var(--w2-g4);border-radius:var(--w2-rfull);font-size:var(--w2-fsm);font-weight:500;line-height:1;border:none;background:0 0;cursor:pointer;font:inherit;color:var(--w2-m);transition:var(--w2-tr)}
.w2-hero-switcher-btn:hover{color:var(--w2-s2)}
.w2-hero-switcher-btn.w2-hero-switcher-active{background:var(--w2-ah2);color:var(--w2-a)}
/* ========== recent cities ========== */
.w2-recent-cities{margin-bottom:var(--w2-g4);content-visibility:auto;contain:layout style}
.w2-recent-cities-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--w2-g3)}
.w2-recent-city-card{display:flex;align-items:center;justify-content:space-between;gap:var(--w2-g2);border-radius:var(--w2-rxl);border:1px solid var(--w2-bdr3);background:var(--w2-cell);padding:var(--w2-g2) var(--w2-g3);font-size:var(--w2-fxs);transition:border-color .15s}
.w2-recent-city-card:hover{border-color:rgba(51,65,85,.8)}
.w2-recent-city-link{display:flex;align-items:center;gap:var(--w2-g2);min-width:0;flex:1;color:inherit;text-decoration:none}
.w2-recent-city-link:hover{color:inherit}
.w2-recent-city-flag{height:12px;width:16px;flex-shrink:0;border-radius:2px;object-fit:cover;border:1px solid var(--w2-bdr4)}
.w2-recent-city-name{font-weight:500;color:var(--w2-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70px}
.w2-recent-city-temp{white-space:nowrap;font-weight:600;color:var(--w2-s3)}
.w2-recent-city-weather-icon{width:14px;height:14px;flex-shrink:0}
.w2-recent-city-remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--w2-g0);border:none;background:0 0;cursor:pointer;border-radius:var(--w2-g1);color:var(--w2-s3);transition:var(--w2-tr)}
.w2-recent-city-remove:hover{background:rgba(51,65,85,.5);color:#f87171}
/* ========== details grid ========== */
.w2-details-grid{display:grid;gap:var(--w2-g5);margin-bottom:var(--w2-g5);content-visibility:auto;contain:layout style}
@media(min-width:1024px){.w2-details-grid{grid-template-columns:repeat(2,1fr)}.w2-details-grid-single{grid-template-columns:1fr}}
/* ========== weather details ========== */
.w2-weather-details-card,.w2-air-quality-card{border-radius:var(--w2-rlg);border:1px solid var(--w2-bdr);background:var(--w2-surf);padding:var(--w2-g5);backdrop-filter:blur(4px);margin:0;contain:layout style}
.w2-weather-details-title,.w2-air-quality-title{margin:0 0 var(--w2-g4) 0;font-size:var(--w2-flg);font-weight:700;color:var(--w2-white)}
.w2-weather-details-grid,.w2-air-quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--w2-g3)}
@media(min-width:640px){.w2-weather-details-grid,.w2-air-quality-grid{grid-template-columns:repeat(4,1fr)}}
.w2-weather-details-item,.w2-air-quality-item{border-radius:var(--w2-rxl);border:1px solid var(--w2-bdr3);background:var(--w2-cell);padding:var(--w2-g3)}
.w2-weather-details-head,.w2-air-quality-item-head{display:flex;align-items:center;gap:var(--w2-g2);margin-bottom:var(--w2-g1)}
.w2-weather-details-value-wrap,.w2-air-quality-item-value-wrap{display:flex;align-items:baseline;gap:var(--w2-g1)}
.w2-weather-details-value{font-size:var(--w2-flg);font-weight:700;color:var(--w2-white)}
.w2-air-quality-item-value{font-size:var(--w2-flg);font-weight:700;color:inherit}
.w2-weather-details-unit{font-size:var(--w2-fxs);color:var(--w2-m)}
.w2-air-quality-item-unit{font-size:var(--w2-fxs);opacity:.7;color:inherit}
.w2-weather-details-icon{width:12px;height:12px;flex-shrink:0}
.w2-weather-details-label{font-size:var(--w2-fxs);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--w2-s3)}
.w2-air-quality-item-label{font-size:var(--w2-fxs);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:inherit}
.w2-wd-icon-wind{filter:brightness(0) saturate(100%) invert(56%) sepia(100%) saturate(3000%) hue-rotate(165deg) brightness(1.2) contrast(1.4) drop-shadow(0 0 1px currentColor)}
.w2-wd-icon-cloud{filter:brightness(0) saturate(100%) invert(62%) sepia(100%) saturate(3000%) hue-rotate(195deg) brightness(1.2) contrast(1.4) drop-shadow(0 0 1px currentColor)}
.w2-wd-icon-pressure{filter:brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(3000%) hue-rotate(250deg) brightness(1.2) contrast(1.4) drop-shadow(0 0 1px currentColor)}
.w2-wd-icon-humidity{filter:brightness(0) saturate(100%) invert(60%) sepia(100%) saturate(3000%) hue-rotate(155deg) brightness(1.2) contrast(1.4) drop-shadow(0 0 1px currentColor)}
.w2-wd-icon-visibility{filter:brightness(0) saturate(100%) invert(66%) sepia(100%) saturate(3000%) hue-rotate(200deg) brightness(1.2) contrast(1.4) drop-shadow(0 0 1px currentColor)}
.w2-wd-icon-uv_index{filter:brightness(0) saturate(100%) invert(75%) sepia(100%) saturate(3000%) hue-rotate(5deg) brightness(1.2) contrast(1.4) drop-shadow(0 0 1px currentColor)}
.w2-wd-icon-sunrise{filter:brightness(0) saturate(100%) invert(85%) sepia(40%) saturate(1500%) hue-rotate(355deg) brightness(1.05) contrast(1.1) drop-shadow(0 0 1px currentColor)}
.w2-wd-icon-sunset{filter:brightness(0) saturate(100%) invert(55%) sepia(90%) saturate(2000%) hue-rotate(355deg) brightness(1) contrast(1.2) drop-shadow(0 0 1px currentColor)}
/* ========== air quality (card/grid/item shared above) ========== */
.w2-air-quality-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--w2-g4)}
.w2-air-quality-title{margin:0}
.w2-air-quality-badge{border-radius:var(--w2-rfull);border:1px solid;background:var(--w2-cell);padding:var(--w2-g0) var(--w2-g3);font-size:var(--w2-fsm);font-weight:600}
/* ========== precipitation ========== */
.w2-precipitation{margin-bottom:var(--w2-g7);border-radius:var(--w2-rxl);border:1px solid var(--w2-bdr2);background:var(--w2-cell);padding:var(--w2-g4);content-visibility:auto;contain:layout style}
@media(min-width:768px){.w2-precipitation{padding:var(--w2-g6)}}
.w2-precipitation-title{margin:0 0 var(--w2-g4) 0;font-size:var(--w2-flg);font-weight:700;color:var(--w2-white)}
@media(min-width:768px){.w2-precipitation-title{margin-bottom:var(--w2-g5);font-size:var(--w2-fxl)}}
.w2-precipitation-inner{position:relative}
.w2-precipitation-scroll{overflow-x:auto;margin-left:calc(var(--w2-g4)*-1);margin-right:calc(var(--w2-g4)*-1);padding-left:var(--w2-g4);padding-right:var(--w2-g4);scroll-behavior:smooth;contain:paint}
@media(min-width:768px){.w2-precipitation-scroll{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}
.w2-precipitation-chart-wrap{min-width:800px;position:relative}
@media(min-width:768px){.w2-precipitation-chart-wrap{min-width:600px}}
.w2-precipitation-days{margin-bottom:var(--w2-g3);display:flex;gap:var(--w2-g0);position:relative;height:2rem}
@media(min-width:768px){.w2-precipitation-days{gap:var(--w2-g1);height:2.5rem}}
.w2-precipitation-day-pill-wrap{position:absolute;display:flex;align-items:center;justify-content:center}
.w2-precipitation-day-pill{padding:var(--w2-g1) var(--w2-g4);border-radius:var(--w2-rfull);font-size:var(--w2-fsm);font-weight:600;background:var(--w2-surf2);color:var(--w2-s3);border:1px solid var(--w2-bdr3)}
@media(min-width:768px){.w2-precipitation-day-pill{font-size:var(--w2-fbase)}}
.w2-precipitation-day-pill-today{background:rgba(37,99,235,.3);color:#93c5fd;border-color:rgba(59,130,246,.5)}
.w2-precipitation-chart{height:6rem;position:relative}
@media(min-width:768px){.w2-precipitation-chart{height:8rem}}
.w2-precipitation-sep{position:absolute;top:0;bottom:0;width:2px;background:var(--w2-b);z-index:10}
.w2-precipitation-sep::before{content:'';position:absolute;top:-var(--w2-g3);left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--w2-m)}
.w2-precipitation-bars{display:flex;height:100%;align-items:flex-end;gap:var(--w2-g0);position:relative;z-index:0}
@media(min-width:768px){.w2-precipitation-bars{gap:var(--w2-g1)}}
.w2-precipitation-bar{flex:1;border-radius:var(--w2-rsm) var(--w2-rsm) 0 0;background:linear-gradient(to top,#0ea5e9,#38bdf8);min-height:2%}
.w2-precipitation-bar-current{background:linear-gradient(to top,#0ea5e9,#7dd3fc);box-shadow:0 0 0 2px #38bdf8;outline:1px solid var(--w2-950);outline-offset:1px}
.w2-precipitation-bar-past{opacity:.3}
.w2-precipitation-labels{margin-top:var(--w2-g1);display:flex;gap:var(--w2-g0)}
@media(min-width:768px){.w2-precipitation-labels{gap:var(--w2-g1)}}
.w2-precipitation-label{flex:1;text-align:center;font-size:10px;color:var(--w2-m)}
@media(min-width:768px){.w2-precipitation-label{font-size:var(--w2-fsm)}}
.w2-precipitation-label-current{font-weight:700;color:#7dd3fc}
.w2-precipitation-label-past{opacity:.5}
.w2-precipitation-label-mobile{display:inline}
@media(min-width:768px){.w2-precipitation-label-mobile{display:none}}
.w2-precipitation-label-desktop{display:none}
@media(min-width:768px){.w2-precipitation-label-desktop{display:inline}}
/* ========== hourly forecast (today only) ========== */
.w2-hourly-forecast{margin-bottom:var(--w2-g7);content-visibility:auto;contain:layout style}
.w2-hourly-forecast-title{margin:0 0 var(--w2-g5) 0;font-size:var(--w2-f2xl);font-weight:700;color:var(--w2-white)}
.w2-hourly-forecast-scroll{overflow-x:auto;border-radius:var(--w2-rlg);border:1px solid var(--w2-bdr);background:var(--w2-surf2);padding:var(--w2-g3);scroll-behavior:smooth;contain:paint}
@media(min-width:768px){.w2-hourly-forecast-scroll{scrollbar-width:none;-ms-overflow-style:none}.w2-hourly-forecast-scroll::-webkit-scrollbar{display:none}}
.w2-hourly-forecast-inner{display:flex;min-width:max-content;gap:var(--w2-g2)}
.w2-hourly-card{display:flex;min-width:4rem;flex-direction:column;align-items:center;gap:var(--w2-g1);border-radius:var(--w2-rxl);border:1px solid var(--w2-bdr3);background:var(--w2-cell);padding:var(--w2-g2) var(--w2-g3);text-align:center;transition:border-color .15s}
.w2-hourly-card:hover{border-color:var(--w2-bdr3)}
.w2-hourly-card-current{border-color:rgba(56,189,248,.7);box-shadow:var(--w2-sh)}
.w2-hourly-card-past{opacity:.5}
.w2-hourly-card-time{font-size:var(--w2-fsm);font-weight:600;color:var(--w2-s3)}
.w2-hourly-card-time-current{color:#7dd3fc}
.w2-hourly-card-icon{width:1.5rem;height:1.5rem;flex-shrink:0}
.w2-hourly-card-temp{font-size:var(--w2-flg);font-weight:700;color:var(--w2-white)}
.w2-hourly-card-temp-current{color:#bae6fd}
.w2-hourly-card-details{margin-top:var(--w2-g0);display:flex;flex-direction:column;gap:var(--w2-g0);font-size:10px;color:var(--w2-s3)}
.w2-hourly-card-details .w2-hourly-detail{display:flex;align-items:center;gap:var(--w2-g1);justify-content:center}
.w2-hourly-card-current .w2-hourly-card-details{color:#bae6fd}
.w2-hourly-detail-icon{flex-shrink:0}
.w2-hourly-card-desc{margin-top:var(--w2-g1);font-size:10px;font-weight:500;color:var(--w2-m)}
.w2-hourly-card-desc-current{color:#bae6fd}
/* ========== week forecast (7 days) ========== */
.w2-week-forecast{margin-bottom:var(--w2-g7);content-visibility:auto;contain:layout style}
.w2-week-forecast-title{margin:0 0 var(--w2-g5) 0;font-size:var(--w2-f2xl);font-weight:700;color:var(--w2-white)}
.w2-week-list{display:flex;flex-direction:column;gap:var(--w2-g3)}
.w2-week-day{display:flex;align-items:center;gap:var(--w2-g4);border-radius:var(--w2-rxl);border:1px solid var(--w2-bdr3);background:var(--w2-cell);padding:var(--w2-g3) var(--w2-g4);transition:border-color .15s}
.w2-week-day-today{border-color:rgba(56,189,248,.7);box-shadow:0 4px 6px -1px rgba(14,165,233,.15)}
.w2-week-day-label{flex:1;min-width:0;font-size:var(--w2-fbase);font-weight:600;color:var(--w2-t)}
.w2-week-day-icon{width:2rem;height:2rem;flex-shrink:0}
.w2-week-day-temps{display:flex;align-items:center;gap:var(--w2-g4);font-size:var(--w2-fbase);font-weight:600;color:var(--w2-s2);dir:ltr}
.w2-week-day-temp-max .w2-calendar-temp-c,.w2-week-day-temp-max .w2-calendar-temp-f,.w2-week-day-temp-min .w2-calendar-temp-c,.w2-week-day-temp-min .w2-calendar-temp-f{font-size:inherit}
.w2-week-day-desc{flex:1;min-width:0;font-size:var(--w2-fsm);color:var(--w2-m);margin:0}
/* week page: horizontal row of day cards (like /weather) */
.w2-week-list-row{flex-direction:row;flex-wrap:nowrap;gap:var(--w2-g2);overflow-x:auto;padding-bottom:var(--w2-g2);-webkit-overflow-scrolling:touch}
.w2-week-list-row .w2-week-day{flex:0 0 auto;min-width:7.5rem;flex-direction:column;align-items:center;justify-content:center;gap:var(--w2-g2);padding:var(--w2-g3);text-align:center}
.w2-week-list-row .w2-week-day-label{flex:none;font-size:var(--w2-fxs);font-weight:500;color:var(--w2-s3)}
.w2-week-list-row .w2-week-day-temps{flex:none;flex-direction:column;gap:0;font-size:var(--w2-fsm)}
.w2-week-list-row .w2-week-day-temp-max .w2-calendar-temp-c,.w2-week-list-row .w2-week-day-temp-max .w2-calendar-temp-f{font-weight:700;color:var(--w2-white)}
.w2-week-list-row .w2-week-day-temp-min{margin-left:0;font-size:var(--w2-fxs);color:var(--w2-m)}
.w2-week-list-row .w2-week-day{cursor:pointer}
.w2-week-list-row .w2-week-day:hover{border-color:var(--w2-bdr2)}
.w2-week-list-row .w2-week-day-selected{border-color:rgba(56,189,248,.7);box-shadow:0 4px 6px -1px rgba(14,165,233,.15)}
.w2-week-list-row .w2-week-day-selected:hover{border-color:rgba(56,189,248,.7);box-shadow:0 4px 6px -1px rgba(14,165,233,.15)}
.w2-week-list-row .w2-week-day-today:not(.w2-week-day-selected){border-color:var(--w2-bdr3);box-shadow:none}
.w2-hourly-for-day{display:none}
.w2-hourly-for-day.w2-hourly-day-visible{display:block}
.w2-hourly-day-label{margin:0 0 var(--w2-g3) 0;font-size:var(--w2-fbase);font-weight:600;color:var(--w2-s2)}
@media(max-width:767px){
.w2-week-list-row .w2-week-day{min-width:7rem;min-height:4.5rem;padding:var(--w2-g4)}
/* visible scrollbar so users see the list is scrollable */
.w2-week-list-row{scrollbar-width:thin;scrollbar-color:var(--w2-bdr2) transparent}
.w2-week-list-row::-webkit-scrollbar{height:6px;display:block}
.w2-week-list-row::-webkit-scrollbar-track{background:transparent}
.w2-week-list-row::-webkit-scrollbar-thumb{background:var(--w2-bdr2);border-radius:3px}
.w2-week-list-row::-webkit-scrollbar-thumb:hover{background:var(--w2-bdr3)}
}
/* hourly forecast: scroll arrows wrapper */
.w2-hourly-forecast-wrap{position:relative}
.w2-hourly-scroll-btn{position:absolute;top:50%;z-index:10;transform:translateY(-50%);width:2.25rem;height:2.25rem;border-radius:4px;border:1px solid rgba(56,189,248,.7);background:#0f172a;color:var(--w2-s2);cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;font-size:1.5rem;line-height:1;opacity:.9;transition:opacity .15s,color .15s,border-color .15s;box-shadow:0 4px 6px -1px rgba(14,165,233,.15)}
.w2-hourly-scroll-btn:hover:not(:disabled){background:#1e293b;color:var(--w2-white);opacity:1;border-color:rgba(56,189,248,.7)}
.w2-hourly-scroll-btn:disabled{opacity:0;pointer-events:none}
@media(min-width:768px){.w2-hourly-scroll-btn{display:flex}}
.w2-hourly-scroll-prev{left:var(--w2-g2)}
.w2-hourly-scroll-next{right:var(--w2-g2)}
/* ========== 30-day calendar (month page) ========== */
.w2-calendar{margin-bottom:var(--w2-g7);content-visibility:auto;contain:layout style}
.w2-calendar-header{display:flex;flex-direction:column;gap:var(--w2-g0);margin-bottom:var(--w2-g4)}
@media(min-width:640px){.w2-calendar-header{flex-direction:row;align-items:baseline;justify-content:space-between}}
.w2-calendar-title{margin:0;font-size:var(--w2-f2xl);font-weight:700;color:var(--w2-white)}
.w2-calendar-month{font-size:var(--w2-fxs);color:var(--w2-m);margin:0}
.w2-calendar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--w2-g3);border-radius:var(--w2-rxl);border:1px solid var(--w2-bdr2);background:var(--w2-surf);padding:var(--w2-g2);margin-bottom:var(--w2-g5)}
@media(min-width:640px){.w2-calendar-grid{grid-template-columns:repeat(3,1fr);padding:var(--w2-g4)}}
@media(min-width:768px){.w2-calendar-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1024px){.w2-calendar-grid{grid-template-columns:repeat(7,1fr)}}
.w2-calendar-day{display:flex;min-height:76px;flex-direction:column;justify-content:space-between;border-radius:var(--w2-rxl);border:1px solid var(--w2-bdr3);background:var(--w2-cell);padding:var(--w2-g2);text-align:center;transition:border-color .15s}
.w2-calendar-day-today{border-color:rgba(56,189,248,.7);box-shadow:0 10px 15px -3px rgba(14,165,233,.15),0 4px 6px -4px rgba(14,165,233,.1)}
.w2-calendar-day-no-forecast{opacity:.5;pointer-events:none;cursor:default}
.w2-calendar-day-no-forecast .w2-calendar-day-date,.w2-calendar-day-no-forecast .w2-calendar-day-weekday{color:var(--w2-m)}
.w2-calendar-day-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--w2-m)}
.w2-calendar-day-date{font-weight:600}
.w2-calendar-day-badge{border-radius:var(--w2-rfull);background:rgba(56,189,248,.15);padding:var(--w2-g0) var(--w2-g2);font-size:9px;font-weight:600;color:#7dd3fc}
.w2-calendar-day-weekday{font-size:9px;font-weight:600;color:var(--w2-s3)}
.w2-calendar-day-body{margin-top:var(--w2-g1)}
.w2-calendar-day-temps{display:flex;align-items:center;justify-content:center;gap:var(--w2-g1)}
.w2-calendar-day-icon{width:1.25rem;height:1.25rem;flex-shrink:0}
.w2-calendar-day-temp-wrap{display:flex;flex-direction:column;align-items:center;gap:0;font-size:10px}
.w2-calendar-temp-max{font-weight:600;color:var(--w2-s2)}
.w2-calendar-temp-min{color:var(--w2-m)}
.w2-calendar-day-desc{margin:var(--w2-g1) 0 0 0;font-size:9px;color:var(--w2-m);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.w2-calendar-day-no-data{margin:var(--w2-g2) 0 0 0;font-size:9px;color:var(--w2-s3)}
.w2-calendar-overview{border-radius:var(--w2-rxl);border:1px solid var(--w2-bdr2);background:var(--w2-cell);padding:var(--w2-g4)}
@media(min-width:640px){.w2-calendar-overview{padding:var(--w2-g6)}}
.w2-calendar-overview-title{margin:0 0 var(--w2-g2) 0;font-size:var(--w2-fbase);font-weight:700;color:var(--w2-white)}
@media(min-width:640px){.w2-calendar-overview-title{font-size:var(--w2-flg)}}
.w2-calendar-patterns{display:grid;gap:var(--w2-g2);margin-bottom:var(--w2-g4)}
@media(min-width:640px){.w2-calendar-patterns{grid-template-columns:repeat(2,1fr)}}
.w2-calendar-pattern-row{display:flex;align-items:center;justify-content:space-between;border-radius:var(--w2-rxl);background:var(--w2-surf2);padding:var(--w2-g2) var(--w2-g3)}
.w2-calendar-pattern-label{display:flex;align-items:center;gap:var(--w2-g3)}
.w2-calendar-pattern-icon{flex-shrink:0}
.w2-calendar-pattern-label span{font-size:var(--w2-fsm);color:var(--w2-s2)}
.w2-calendar-pattern-count{font-size:var(--w2-fsm);font-weight:600;color:var(--w2-white)}
.w2-calendar-averages{font-size:var(--w2-fxs);color:var(--w2-m);margin:0}
.w2-calendar-no-weather{font-size:var(--w2-fsm);color:var(--w2-m);margin:0}
/* ========== mobile ========== */
@media(max-width:767px){
body{font-size:16px}
.w2-mobile-toggle{min-width:2.75rem;min-height:2.75rem}
.w2-lang-btn{min-height:2.75rem;padding:var(--w2-g2) var(--w2-g4)}
.w2-logo{padding:var(--w2-g2) var(--w2-g4)}
.w2-hourly-forecast-scroll,.w2-precipitation-scroll{-webkit-overflow-scrolling:touch}
.w2-content{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:767px){
.w2-mobile-parent-btn,.w2-mobile-link{min-height:2.75rem;padding:var(--w2-g3) var(--w2-g4)}
.w2-mobile-sub-link{padding:var(--w2-g2) var(--w2-g4);min-height:2.25rem}
.w2-hourly-card{min-width:5rem;padding:var(--w2-g3) var(--w2-g4)}
.w2-calendar-day{min-height:84px;padding:var(--w2-g3)}
.w2-calendar-day-no-forecast{display:none}
}
/* tap highlight for touch */
@media(hover:none) and (pointer:coarse){
.w2-lang-btn,.w2-mobile-toggle,.w2-mobile-parent-btn,.w2-mobile-link,.w2-logo,.w2-recent-city-remove,.w2-period-tab,.w2-hero-switcher-btn,.w2-hourly-scroll-btn{-webkit-tap-highlight-color:rgba(56,189,248,.2)}
}
/* reduced motion */
@media(prefers-reduced-motion:reduce){.w2-nav a,.w2-nav .w2-nav-drop a,.w2-lang-btn,.w2-lang-drop a,.w2-logo,.w2-mobile-toggle,.w2-mobile-parent-btn,.w2-mobile-link,.w2-mobile-chevron,.w2-lang-chevron,.w2-hero-switcher-btn,.w2-period-tab,.w2-recent-city-card,.w2-recent-city-remove,.w2-calendar-day,.w2-week-day,.w2-hourly-scroll-btn{transition:none}.w2-nav .w2-nav-drop,.w2-lang-drop{transition:none}.w2-lang-chevron,.w2-mobile-chevron{transition:none}}