.weather-page{min-width:0}.weather-current{grid-template-columns:240px minmax(0,1fr);gap:28px;margin-top:24px;display:grid}.weather-temperature{background:color-mix(in srgb,var(--primary) 7%,var(--card));border-radius:16px;gap:8px;padding:24px;display:grid}.weather-temperature>svg{color:#cf922e;width:40px;height:40px}.weather-temperature>strong{letter-spacing:-2px;font-size:48px}.weather-temperature>span{font-size:16px}.weather-temperature>small,.weather-metrics span{color:var(--muted-foreground);font-size:12px}.weather-metrics{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:20px;display:grid}.weather-metrics>div{gap:8px;display:grid}.weather-metrics svg{width:20px;color:var(--primary)}.weather-metrics strong{font-size:22px}.weather-section-heading{margin:28px 0 14px;font-size:17px}.weather-hourly{gap:10px;padding:2px 2px 14px;display:flex;overflow-x:auto}.weather-hourly article{border:1px solid var(--border);border-radius:12px;align-content:start;gap:8px;min-width:130px;padding:16px;display:grid}.weather-hourly svg,.weather-days svg{color:var(--primary);height:26px}.weather-hourly small,.weather-days span,.weather-days small{color:var(--muted-foreground);font-size:12px}.weather-hourly article>span{font-size:21px;font-weight:600}.weather-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.weather-days article{border:1px solid var(--border);border-radius:12px;align-content:start;gap:10px;padding:16px 12px;display:grid}.weather-days article>strong{font-size:13px}.weather-days article>strong:last-child{font-size:20px}@media (max-width:1100px){.weather-days{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.weather-current{grid-template-columns:1fr}.weather-metrics,.weather-days{grid-template-columns:1fr 1fr}.weather-temperature>strong{font-size:42px}.mobile-nav button{flex:1;min-width:0;font-size:10px}}.day-at-glance{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:8px;display:flex}.page-heading .day-at-glance>.eyebrow{margin:0}.daylight-pill{border:1px solid color-mix(in srgb,#cf922e 30%,var(--border));background:color-mix(in srgb,#cf922e 7%,var(--card));min-height:36px;color:var(--foreground);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:7px 12px;display:inline-flex}.daylight-pill>span:not(.daylight-pill-divider){align-items:center;gap:6px;display:inline-flex}.daylight-pill svg{color:#cf922e;flex-shrink:0}.daylight-pill strong{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:12px;font-weight:600}.daylight-pill small{letter-spacing:.04em;color:var(--muted-foreground);font-size:9px}.daylight-pill-divider{background:color-mix(in srgb,#cf922e 25%,var(--border));width:1px;height:14px}.daylight-pill:hover{background:color-mix(in srgb,#cf922e 12%,var(--card));border-color:#cf922e}.daylight-pill:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:767px){.page-heading>div:first-child{min-width:0}.day-at-glance{gap:8px;margin-bottom:10px}.daylight-pill{gap:8px;min-height:44px;padding:8px 10px}.daylight-pill>span:not(.daylight-pill-divider){gap:4px}.daylight-pill svg{width:15px;height:15px}.daylight-pill strong{font-size:11px}.daylight-pill small{font-size:8px}}