.weather-page{max-width:560px;margin:0 auto;padding:22px 16px 115px}.weather-page>.text-link{margin-bottom:22px;display:inline-block}.weather-loading{color:var(--muted);padding:28px 0}.weather-hero{background:radial-gradient(circle at 85% 10%,#2a93cf45,#0000 45%),linear-gradient(145deg,#102b40,#0a1b2b);border:1px solid #2e607e;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px;display:flex}.weather-hero h1{letter-spacing:-3px;margin:5px 0 10px;font-size:52px;line-height:1}.weather-hero p{color:#c1d7e8;margin:0;font-size:13px}.weather-hero>span{text-align:right;color:#85d9af;max-width:100px;font-size:9px;line-height:1.5}.weather-metrics{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px;display:grid}.weather-metrics article{background:#0e2232;border:1px solid #29465c;border-radius:14px;gap:7px;padding:14px;display:grid}.weather-metrics span{color:#9db5c7;font-size:10px}.weather-metrics strong{font-size:17px}.weather-card{background:#0c1e2d;border:1px solid #29485f;border-radius:17px;margin-top:14px;padding:17px}.weather-title{justify-content:space-between;align-items:flex-start;display:flex}.weather-title h2{margin:0;font-size:18px}.weather-title>span{color:#9bc3dd;font-size:9px}.hourly-weather{gap:8px;margin-top:15px;padding-bottom:5px;display:flex;overflow:auto}.hourly-weather article{background:#112b3c;border-radius:12px;justify-items:center;gap:6px;min-width:86px;padding:12px 8px;display:grid}.hourly-weather time,.hourly-weather span{color:#a8c1d2;font-size:9px}.hourly-weather b{font-size:22px}.hourly-weather strong{font-size:16px}.daily-weather{margin-top:10px;display:grid}.daily-weather article{border-bottom:1px solid #20394c;grid-template-columns:60px 1fr auto;align-items:center;gap:8px;padding:11px 0;display:grid}.daily-weather article:last-child{border:0}.daily-weather strong{text-transform:capitalize;font-size:11px}.daily-weather span{color:#b7cedd;font-size:10px}.daily-weather b{font-size:13px}.daily-weather i{color:#819bae;font-style:normal}.daily-weather small{color:var(--brand);grid-column:2;font-size:9px}.sun-card{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sun-card div{gap:4px;display:grid}.sun-card span{color:#9fb8ca;font-size:10px}.sun-card strong{font-size:16px}.weather-note{color:#8fa7b8;text-align:center;margin:16px 10px;font-size:9px;line-height:1.55}.weather-alerts{background:radial-gradient(circle at 90% 0,rgba(var(--brand-rgb),.184),transparent 42%),#0c2232;border-color:#2f6788}.alert-intro{color:#aec6d8;font-size:11px;line-height:1.55}.weather-alert-option{border-top:1px solid #274258;grid-template-columns:22px 1fr;align-items:start;gap:9px;padding:12px 0;display:grid}.weather-alert-option input{width:18px;height:18px;accent-color:var(--brand);margin:1px 0 0}.weather-alert-option span{gap:4px;display:grid}.weather-alert-option strong{font-size:12px}.weather-alert-option small{color:#99b1c4;font-size:9px;line-height:1.4}.weather-alert-button,.weather-alert-test{cursor:pointer;border-radius:11px;width:100%;min-height:47px;font:750 12px inherit}.weather-alert-button{border:1px solid var(--brand);background:linear-gradient(135deg,var(--brand),var(--brand));color:#fff}.weather-alert-test{color:#bfe8ff;background:#12354b;border:1px solid #367397}.weather-alert-button:disabled,.weather-alert-test:disabled{opacity:.6}.weather-alert-message,.weather-alert-hint{color:#bce4fb;background:#112f43;border-radius:9px;padding:10px;font-size:10px;line-height:1.55}.weather-alert-hint{color:#ffd99b;background:#3a301b}.future-alerts{border-top:1px solid #274258;margin-top:14px;padding-top:13px}.future-alerts>strong{color:#91aabd;font-size:9px}.future-alerts div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.future-alerts span{color:#9fc3da;background:#173247;border-radius:999px;padding:6px 8px;font-size:8px}.weather-alert-verified{color:#80e3b3;background:#102f29;border:1px solid #286b55;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.weather-alert-verified>span{font-size:11px;font-weight:800}.weather-alert-verified .weather-alert-test{width:auto;min-height:34px;padding:7px 10px;font-size:10px}.incident-locate{width:100%;margin:0 0 10px}