body{background:radial-gradient(ellipse 1000px 430px at 10% 120px,#eaf4f533,transparent),var(--page)}
.site-header{box-shadow:0 1px 12px #193c5105}.site-header nav a{font-size:13px}.welcome h1{letter-spacing:-.055em}.welcome-copy{color:#788b9a}.location-button{border-color:#d5e4e9;transition:box-shadow .2s}.location-button:hover{box-shadow:0 3px 12px #137d8812}
.graphics-grid .graphic-preview{aspect-ratio:2160/1350}
.radar-app-link{display:flex;align-items:center;gap:11px;padding:14px 11px;border:1px solid #d6e8e9;border-radius:9px;margin:14px 0 20px;background:#f0f8f8;color:#267d89;font-size:11px;font-weight:700}.radar-app-icon{font-size:25px}.radar-app-link small{display:block;font-size:9px;color:#6e8a97;font-weight:400;margin-top:5px}.radar-app-link>span:last-child{margin-left:auto}.radar-app-link:hover{background:#e5f4f4}.winter-forecast-note{margin:0 25px 8px;padding:10px 13px;border-radius:7px;background:#eff5fb;color:#486d91;font-size:11px;line-height:1.6}.snow-type{font-size:9px;color:#5a79a5;display:block;margin-top:4px}.temperature-ticks{position:relative;min-height:17px}.temperature-ticks span{position:absolute;white-space:nowrap}.chart-key{flex-wrap:wrap}
.weather-shortcuts{display:flex;align-items:center;gap:12px;margin:0 0 22px}.weather-shortcuts a{display:flex;align-items:center;gap:9px;border:1px solid #dce8ed;background:#fff;padding:10px 13px;border-radius:9px;font-size:11px;font-weight:600;color:#456678;transition:border-color .2s,transform .2s}.weather-shortcuts a:hover{border-color:#7dbcc3;transform:translateY(-1px)}.weather-shortcuts a svg{width:16px;height:16px;color:var(--teal)}.weather-shortcuts a span{color:var(--teal);margin-left:10px}.shortcut-caption{margin-left:auto;font-size:10px;color:#8a9ba7}
.conditions-card{box-shadow:0 10px 30px #12344d13;border:1px solid #214b6133}.conditions-main h2{font-weight:600}.temperature{font-variant-numeric:tabular-nums;font-weight:500}.conditions-metrics strong{font-variant-numeric:tabular-nums}.briefing-card,.hourly-card,.map-workspace{box-shadow:0 4px 22px #203b5204}.briefing-map{position:relative;overflow:hidden;display:block;background:#252d36}.briefing-map img{position:absolute;width:100%;height:131%;object-fit:cover;object-position:50% 50%;top:-13%;transition:transform .4s}.briefing-map:hover img{transform:scale(1.03)}.briefing-body p{font-size:12px;line-height:1.7}.risk-indicator{border-radius:4px}.day-card{min-height:209px}.day-card .day-description{font-size:11px;line-height:1.45}.day-card .day-rain{font-size:10px}.hour-cell{padding:8px 0}.hour-time{font-size:10px}.hour-cell strong{font-size:13px}.hourly-summary p{color:#37576c}.hourly-card{border-color:#e0e9ed}
.graphics-section{scroll-margin-top:105px}.graphics-update{display:flex;align-items:center;gap:7px;border:1px solid #d7e9e7;background:#edf7f4;border-radius:20px;padding:8px 12px;font-size:10px;color:#527f76;white-space:nowrap}.graphics-update .live-dot{background:#58a38a;box-shadow:none}.graphics-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.graphic-filters{display:flex;gap:5px;background:#eaf0f3;padding:4px;border-radius:10px}.graphic-filters button{border:0;border-radius:7px;background:transparent;padding:9px 14px;font-size:11px;color:#7d8e9b;white-space:nowrap}.graphic-filters button.selected{background:#fff;color:#247e8b;box-shadow:0 2px 5px #153b4c0b;font-weight:600}.graphics-day-label{display:flex;align-items:center;gap:12px;font-size:10px;color:#7e909e}.graphics-day-label select{border:1px solid #d9e5ea;border-radius:8px;background:#fff;color:#365a70;padding:9px 12px;font:600 11px var(--font)}.graphics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.graphic-card{overflow:hidden;border:1px solid #e0e9ee;border-radius:13px;background:white;transition:box-shadow .2s,transform .2s}.graphic-card:hover{box-shadow:0 8px 25px #1840510d;transform:translateY(-2px)}.graphic-preview{display:block;aspect-ratio:2400/1355;position:relative;overflow:hidden;background:linear-gradient(135deg,#e6edf1,#f4f7f9)}.graphic-preview img{width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .2s}.graphic-preview.ready img{opacity:1}.graphic-preview:before{content:'Preparing preview…';position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#8da1ae}.graphic-preview.ready:before{display:none}.graphic-preview.failed:before{content:'Preview unavailable · try View image';padding:15px;text-align:center}.graphic-card-body{padding:17px 18px 16px}.graphic-card .mini-label{font-size:8px;color:#889ba7;letter-spacing:.09em}.graphic-card h3{font-size:16px;margin:6px 0 12px}.graphic-card-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.graphic-view{font-size:11px;font-weight:600;color:#698294}.graphic-download{display:flex;align-items:center;gap:6px;padding:8px 11px;background:#edf7f7;color:#187f8c;font-size:10px;font-weight:700;border:1px solid #d5e9e9;border-radius:6px}.graphic-download:hover{background:#dff2f2}.graphic-download svg{width:13px;height:13px}.graphics-note{font-size:10px;color:#8d9fac;margin:16px 0 0;line-height:1.7}.mobile-nav{display:none}.download-link{padding:7px 10px;border:1px solid #cce4e7;background:#eef8f8;border-radius:5px;font-size:10px}.map-panel-footer{align-items:center}.legend-item{font-size:10px}.learn-grid p{font-size:12px}.app-section{box-shadow:0 5px 25px #214d5905}.footer-inner a:hover{color:var(--teal)}
@media(max-width:1150px){.site-header nav{gap:20px}.site-header nav a{font-size:12px}.graphics-grid{gap:14px}.graphic-card h3{font-size:15px}}
@media(max-width:850px){body{padding-bottom:70px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:35;background:#ffffffed;border-top:1px solid #dce7ec;padding:8px 12px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:9px;font-weight:600;color:#90a0ac;border-radius:9px;min-height:44px}.mobile-nav a svg{width:19px;height:19px}.mobile-nav a.active{color:var(--teal);background:#edf7f7}.toast{bottom:85px}.weather-shortcuts{gap:9px}.shortcut-caption{display:none}.graphics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.graphics-toolbar{flex-wrap:wrap;gap:12px}.graphics-update{font-size:9px}.graphic-filters button{padding:8px 11px}.legend-item{font-size:9px}.day-card{min-height:200px}.section-heading h2{line-height:1.25}}
@media(max-width:600px){.weather-shortcuts{display:grid;grid-template-columns:1fr 1fr;margin-bottom:17px;gap:8px}.weather-shortcuts a{font-size:10px;line-height:1.4;padding:10px;gap:7px}.weather-shortcuts a svg{flex:0 0 15px}.weather-shortcuts a span{display:none}.location-status{font-size:10px}.briefing-card{display:block}.briefing-map{height:161px;border-radius:0}.briefing-body{padding:19px 21px}.briefing-body h3{font-size:19px;margin-top:8px}.briefing-body p{font-size:11px;margin:8px 0 12px}.risk-indicator{font-size:9px}.briefing-body .text-link{font-size:11px}.graphics-section>.section-heading{display:block}.graphics-update{display:inline-flex;margin-top:12px}.graphics-grid{grid-template-columns:1fr;gap:16px}.graphic-card-body{padding:17px 19px}.graphic-card h3{font-size:18px}.graphic-card .mini-label{font-size:9px}.graphic-view{font-size:12px}.graphic-download{padding:9px 13px;font-size:11px}.graphic-filters{width:100%;overflow:auto}.graphic-filters button{padding:9px 11px;font-size:10px}.graphics-day-label{font-size:10px}.graphics-day-label select{font-size:11px}.graphics-note{font-size:10px}.day-card .day-description{font-size:11px}.hour-time{font-size:10px}.hour-cell strong{font-size:13px}.learn-grid p{font-size:12px}.map-panel-head h3{font-size:16px}.map-panel-footer{gap:9px}.map-panel-footer .download-link{font-size:9px}.collection-tabs button{font-size:10px}.collection-tabs button small{font-size:8px}.legend-item{font-size:8px}.map-message{font-size:11px}.footer-inner a,.footer-inner button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.graphic-preview img,.graphic-card,.briefing-map img{transition:none}}
.weather-details{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:18px;margin:0 0 39px}.detail-card{border:1px solid #e0e9ee;border-radius:12px;padding:20px;background:#fff;min-width:0}.detail-card-heading{display:flex;align-items:center;justify-content:space-between;color:#e8b855;margin-bottom:18px;gap:9px}.detail-card .mini-label{font-size:9px;color:#8195a4}.detail-source{font-size:8px;color:#96a8b4;white-space:nowrap}.detail-values{display:flex;justify-content:space-between;gap:15px}.detail-values>div{min-width:0}.detail-values span{font-size:11px;color:#8497a5;display:block}.detail-values strong{display:block;font:600 22px Manrope,Arial,sans-serif;color:#2a4a62;margin-top:7px;letter-spacing:-.05em;white-space:nowrap}.detail-card p{font-size:10px;line-height:1.6;color:#8fa1ae;margin:15px 0 0}.detail-card .amount-disclaimer{font-size:9px;color:#98a9b6;line-height:1.65;margin-top:5px}.amount-disclaimer span{display:block}.daylight-card{background:linear-gradient(135deg,#fff,#fffaf2)}.precipitation-card{background:linear-gradient(135deg,#fff,#f5fafc)}
.satellite-legend{font-size:11px;color:#6b8495;line-height:1.6}.map-panel-footer{line-height:1.6}
@media(max-width:1100px){.weather-details{grid-template-columns:1fr 1fr}.precipitation-card{grid-row:span 2;grid-column:2}.detail-values strong{font-size:22px}}
@media(max-width:600px){.weather-details{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.precipitation-card{grid-column:auto;grid-row:auto}.detail-card{padding:18px 20px}.detail-values strong{font-size:24px}.detail-card p{font-size:11px}.detail-card .amount-disclaimer{font-size:10px}.detail-card .mini-label{font-size:10px}.detail-card-heading{margin-bottom:13px}}