.wx-hero{--wx-a:#12539a;--wx-b:#1a7bab}.wx-hero[data-wx=sunny]{--wx-a:#0f5aad;--wx-b:#137a9e}.wx-hero[data-wx=cloudy]{--wx-a:#4d5c6d;--wx-b:#66768a}.wx-hero[data-wx=foggy]{--wx-a:#5b6470;--wx-b:#69747f}.wx-hero[data-wx=rainy]{--wx-a:#33445a;--wx-b:#2a5f96}.wx-hero[data-wx=snowy]{--wx-a:#456179;--wx-b:#597a97}.wx-hero[data-wx=thunder]{--wx-a:#2b2350;--wx-b:#4a2f6d}.wx-hero[data-wx=night]{--wx-a:#131a2a;--wx-b:#29304d}.wx-hero{background:linear-gradient(135deg,var(--wx-a) 0%,var(--wx-b) 100%);color:#fff;border-radius:14px;gap:16px;padding:20px 18px;display:grid;overflow:hidden}.wx-hero .wx-now{justify-content:space-between;align-items:center;gap:16px;display:flex}.wx-hero .wx-temp{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:800;line-height:.95;display:block}.wx-hero .wx-place{margin-top:8px;font-size:15px;font-weight:650}.wx-hero .wx-cond{color:#ffffffe0;font-size:14px}.wx-hero img{flex:none;width:72px;height:72px}.wx-hero .wx-facts{border-top:1px solid #ffffff38;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding-top:14px;display:grid}.wx-hero .wx-facts div{min-width:0}.wx-hero .wx-facts dt{text-transform:uppercase;letter-spacing:.07em;color:#ffffffbf;font-size:11px}.wx-hero .wx-facts dd{font-variant-numeric:tabular-nums;margin-top:2px;font-size:16px;font-weight:700}@media(min-width:640px){.wx-hero{padding:26px 24px}.wx-hero .wx-temp{font-size:72px}.wx-hero .wx-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.wx-hours{gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.wx-hours>div{text-align:center;border-radius:10px;flex:none;width:64px;padding:8px 0}.wx-hours>div:hover{background:var(--paper-2)}.wx-hours .h{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.wx-hours img{width:32px;height:32px;margin:4px auto}.wx-hours .t{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.wx-hours .r{min-height:16px;color:var(--link);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px;font-weight:600}.wx-rain-key{color:var(--ink-4);align-items:center;gap:5px;font-size:12px;display:inline-flex}.wx-rain-key i{background:var(--link);border-radius:50%;width:8px;height:8px}.wx-sky{color:#ffffffd1;border-top:1px solid #ffffff38;flex-wrap:wrap;gap:6px 16px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.wx-answer{color:var(--ink-2);text-wrap:pretty;margin:12px 0 0;font-size:15px;line-height:1.5}@media not all and (min-width:640px){.wx-phone-hide{display:none}}.wx-sky b{color:#fff;font-variant-numeric:tabular-nums;font-weight:700}.wx-sky a{color:#fff;text-underline-offset:3px;margin-left:auto;font-weight:700;text-decoration:underline}.wx-days{display:grid}.wx-day{border-radius:10px;grid-template-columns:4.5rem 32px 2.5rem minmax(60px,1fr) 2.75rem;align-items:center;gap:10px;padding:9px 8px;display:grid}.wx-day+.wx-day{border-top:1px solid var(--rule);border-radius:0}.wx-day .name{min-width:0;padding-right:8px}@media not all and (min-width:480px){.wx-day{grid-template-columns:6.25rem 32px 2.25rem minmax(40px,1fr) 2.5rem;gap:8px}}.wx-day.is-focus{background:var(--brand-soft)}.wx-day .name{color:var(--ink-2);font-size:13px;font-weight:600}.wx-day.is-focus .name{color:var(--brand-2)}.dark .wx-day.is-focus .name{color:var(--brand)}.wx-day img{width:32px;height:32px}.wx-day .lo,.wx-day .hi{font-variant-numeric:tabular-nums;font-size:13px}.wx-day .lo{color:var(--ink-4);text-align:right}.wx-day .hi{color:var(--ink);text-align:right;font-weight:700}.wx-range{background:var(--paper-3);border-radius:999px;height:5px;position:relative}.wx-range span{background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:999px;position:absolute;top:0;bottom:0}.wx-regions{flex-wrap:wrap;gap:6px;display:flex}.wx-regions a{min-height:34px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--rule);border-radius:999px;align-items:center;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex}.wx-regions a:hover{border-color:var(--rule-2);color:var(--ink)}.wx-regions a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--paper)}@media(min-width:1024px){.wx-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}}