.community-bar{display:flex;align-items:center;gap:14px;padding:10px 0}.community-bar label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64778a;white-space:nowrap}.community-bar select,.weather-picker select{font:inherit;color:#002d56;background:#fff;border:1px solid #cbd7e3;border-radius:5px;padding:10px 34px 10px 12px;min-height:44px;max-width:100%}.community-bar select{width:290px;font-size:14px;font-weight:700}.community-bar>a{margin-left:auto;font-size:13px;font-weight:700}.region-strip .wrap.community-bar{justify-content:flex-start;flex-wrap:nowrap;overflow:visible;white-space:normal;gap:14px}.weather-page{padding-top:30px;padding-bottom:50px}.weather-page>h1{font-size:clamp(30px,4vw,52px);line-height:1.1;margin:13px 0 18px;max-width:100%}.weather-intro{font-size:19px;color:#64778a;max-width:850px;line-height:1.6}.weather-picker{display:flex;align-items:center;gap:15px;font-size:13px;font-weight:700;margin:24px 0 32px}.weather-picker select{width:310px}.weather-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.weather-city-grid a{padding:24px;border:1px solid #d8e1eb;border-radius:6px;display:flex;flex-direction:column;gap:14px;min-width:0}.weather-city-grid a:hover{border-color:#002d56;background:#f5f8fb}.weather-city-grid span{font-size:13px;color:#64778a}.weather-section-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:2px solid #002d56;padding-bottom:12px;margin:28px 0 18px}.weather-section-heading h2{font-size:24px;margin:0}.weather-section-heading>a,.weather-section-heading>span{font-size:12px;color:#64778a}.weather-current{border:1px solid #d8e1eb;border-radius:8px;background:linear-gradient(120deg,#f3f8fc,#fff);padding:28px;margin:28px 0}.weather-current .temperature{font-size:62px;line-height:1;font-weight:800;letter-spacing:-.04em;margin-right:18px}.weather-current .condition{font-size:22px}.weather-current p{font-size:13px;line-height:1.6;color:#64778a;margin-bottom:0}.weather-forecast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.forecast-period{border:1px solid #d8e1eb;border-radius:6px;padding:19px;min-width:0}.forecast-period h3{font-size:17px;margin:0 0 12px}.forecast-period .period-temp{font-size:30px;font-weight:800}.forecast-period p{font-size:13px;line-height:1.6;margin:10px 0 0}.forecast-period small{display:block;color:#64778a;margin-top:9px}.weather-notice{padding:16px 20px;background:#f2f7fa;border-left:3px solid #6d889e;border-radius:3px;font-size:14px;line-height:1.6}.weather-notice.caution{background:#fff8e8;border-color:#c27b00}.weather-alert{margin:12px 0;border:1px solid #e4c487;border-left:4px solid #c27b00;border-radius:5px;background:#fffaf0;padding:18px}.weather-alert[data-severity="Extreme"],.weather-alert[data-severity="Severe"]{border-color:#c81532;background:#fff4f5}.weather-alert summary{font-weight:800;cursor:pointer;font-size:17px;line-height:1.5}.weather-alert p{white-space:pre-line;font-size:14px;line-height:1.6}.weather-alert .alert-meta{font-size:12px;color:#65717e}.weather-footnote{font-size:12px;line-height:1.8;color:#64778a;margin-top:30px}.home-weather{margin-top:22px;padding:16px 20px;border:1px solid #d8e1eb;border-radius:5px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:13px}.home-weather>a{margin-left:auto;font-weight:700}.home-weather strong{font-size:15px}.weather-page a:focus-visible,.community-bar select:focus-visible,.weather-picker select:focus-visible{outline:3px solid #c69000;outline-offset:3px}
@media(max-width:899px){.region-strip .wrap.community-bar{padding-top:9px;padding-bottom:9px}.weather-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-bar label{display:none}.community-bar select{flex:1;min-width:0;width:auto}.community-bar>a{font-size:12px;white-space:nowrap}}
@media(max-width:480px){.weather-picker{display:block}.weather-picker select{display:block;margin-top:9px;width:100%}.weather-city-grid{grid-template-columns:1fr}.weather-section-heading{align-items:flex-start}.weather-section-heading>a{max-width:110px;text-align:right}.weather-current{padding:22px}.weather-current .temperature{font-size:50px}.weather-current .condition{display:block;margin-top:12px}.forecast-period{padding:15px}.weather-forecast-grid{gap:10px}.weather-page{padding-top:22px}.weather-intro{font-size:16px}}