@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#101f2d;--ink:#1e303c;--muted:#73818b;--green:#187568;--line:#e3e8e8;--paper:#f3f6f5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #39ab98;outline-offset:4px}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}h2{font-size:20px;letter-spacing:-.7px;margin:5px 0 0}select{background:#f7f9f8;border:1px solid var(--line);padding:9px 28px 9px 11px;border-radius:7px;color:var(--ink);max-width:100%}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#b8c4cd;padding:34px 23px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:white;font-size:10px;letter-spacing:2.1px;font-weight:600}.brand strong{display:block;font-size:23px;letter-spacing:1px;line-height:1.4}.brand-mark{font-size:46px;color:#71c5b2;line-height:1}.brand-dot{color:#73c4b0}.sidebar-kicker{font-size:9px;letter-spacing:1.3px;font-weight:600;color:#708592;margin:43px 0 14px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;margin:4px -5px;font-size:12px;border-radius:7px}.sidebar nav a:hover{background:#203340;color:white}.sidebar nav a.nav-active{background:#253e48;color:#a5e3d2}.sidebar nav a>span:first-child{font-size:18px;width:20px;text-align:center}.sidebar nav a>span:last-child:not(:first-child){margin-left:auto}.count{font-size:10px;background:#42635f;padding:2px 6px;border-radius:4px}.side-divider{border-top:1px solid #293944;margin:27px 0 0}.side-divider+.sidebar-kicker{margin-top:24px}.side-bottom{margin-top:auto;padding-top:35px}.small-radar{font-size:30px;color:#568778}.side-bottom p{font-size:11px;line-height:1.9;color:#9eb1bb;margin:10px 0 22px}.side-bottom strong{color:#d5e5e7;font-weight:500}.side-bottom small{font-size:9px;line-height:1.8;color:#6f8795}.page{margin-left:235px}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fafcfb;font-size:11px;color:var(--muted)}.region-label{font-size:10px;letter-spacing:1.7px}.topbar>div{display:flex;gap:24px;align-items:center}.refresh{background:transparent;color:var(--ink);font-size:17px;display:flex;align-items:center;gap:8px}.refresh span{font-size:11px}main{max-width:1600px;margin:auto;padding:34px 38px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.55px;font-weight:700;color:var(--muted)}.intro .eyebrow{color:var(--green);display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:6px;height:6px;background:#40a991;border-radius:50%}.intro h1{font-size:39px;letter-spacing:-1.8px;margin:11px 0 8px;font-weight:750}.intro h1 em{font-style:normal;color:var(--green)}.intro p{color:var(--muted);font-size:13px;margin-bottom:0}.auto-label{text-align:right;font-size:10px;color:#627c73}.auto-label .status-dot{margin-right:5px}.auto-label small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.dashboard{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 18px;gap:15px}.panel-heading>a{font-size:10px;color:var(--green);white-space:nowrap}.map-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:0 20px 15px}.tabs{background:#f0f4f2;border-radius:7px;padding:3px;display:flex}.tabs button{background:transparent;padding:8px 13px;border-radius:5px;color:#6f7d82;font-size:11px}.tabs button.selected{background:white;color:var(--green);box-shadow:0 1px 5px #132d1710;font-weight:700}.map-toolbar select{font-size:10px}.map-stage{background:#dce4e8;position:relative;aspect-ratio:1.7;display:flex;align-items:center;justify-content:center;overflow:hidden}.map-stage img{width:100%;height:100%;object-fit:contain}.map-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 22px;color:var(--muted);font-size:9px}.text-button{background:transparent;font-size:10px;color:var(--green);padding:5px}.alert-symbol{font-size:27px;color:#bb8851}.light-count{background:#f2eee6;color:#886b40;padding:3px 7px;border-radius:5px;font:12px 'DM Sans',sans-serif;margin-left:4px}.alert-controls{display:flex;align-items:center;justify-content:space-between;padding:0 23px 11px;font-size:11px;color:var(--muted)}.alert-controls select{font-size:11px}.feed-note{font-size:10px;color:var(--muted);line-height:1.5}.alert-panel{display:flex;flex-direction:column}.alert-panel>.feed-note{margin:0 23px 10px}.alert-list{flex:1;min-height:190px;max-height:285px;overflow:auto;padding:0 20px 15px}.alert-item{border:1px solid #eee6da;border-left:3px solid #d4a45d;background:#fffcf7;border-radius:6px;text-align:left;padding:12px;margin-top:9px;width:100%;display:block;color:var(--ink)}.alert-item.severe{border-left-color:#bf5353;background:#fff8f7}.alert-type{font-size:9px;letter-spacing:.7px;color:#986e31;text-transform:uppercase}.alert-item strong{display:block;font-size:12px;margin:5px 0}.alert-item .area{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.5}.alert-item .expires{display:block;color:#987955;font-size:9px;margin-top:8px}.panel-bottom-link{border-top:1px solid var(--line);padding:17px 23px;display:flex;justify-content:space-between;font-size:11px;color:var(--green)}.empty-state{padding:23px 5px;color:var(--muted);font-size:12px;line-height:1.7}.empty-state strong{color:var(--ink);display:block;font-size:15px}.forecast-panel .panel-heading select{font-size:11px}.forecast-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:6px 16px 20px;min-height:150px}.forecast-day{text-align:center;padding:10px 7px;border-right:1px solid var(--line)}.forecast-day:last-child{border:0}.forecast-day h3{font-size:10px;min-height:28px;letter-spacing:0;margin-bottom:8px}.weather-icon{font-size:26px;color:#cc9d43;height:40px}.forecast-day strong{font-size:24px;font-weight:500;display:block;margin:4px 0 8px}.forecast-day p{font-size:10px;line-height:1.5;color:var(--muted);margin-bottom:5px}.forecast-day small{font-size:9px;color:var(--green)}.forecast-bottom{padding:13px 23px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.forecast-bottom>a{font-size:10px;color:var(--green);white-space:nowrap}.placeholder{grid-column:1/-1;color:var(--muted);padding:30px 12px;line-height:1.6}.satellite-panel .panel-heading{padding-bottom:14px}.satellite-label{font-size:8px;letter-spacing:1px;color:var(--green);background:#eaf4ef;padding:6px;border-radius:4px}.satellite-image-link{display:block;margin:0 20px;position:relative;background:#14262d;border-radius:6px;overflow:hidden;height:166px}.satellite-image-link img{width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.85}.satellite-image-link span{position:absolute;inset:auto 0 0;padding:24px 13px 12px;background:linear-gradient(transparent,#0c202ddd);color:white;font-size:11px}.satellite-status{margin:10px 20px 14px}.resources{padding:39px 0 30px}.resource-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.resource-heading h2{font-size:27px;margin:8px 0}.resource-heading p{color:var(--muted);font-size:12px;margin-bottom:0}.search-wrap{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);padding:10px 13px;border-radius:7px;color:var(--muted)}.search-wrap span{font-size:21px}.search-wrap input{border:0;background:transparent;width:185px;font-size:11px;color:var(--ink)}.resource-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 18px}.resource-filters button{background:transparent;border:1px solid #dae2df;border-radius:20px;font-size:10px;padding:8px 14px;color:#657672}.resource-filters button.active{background:var(--navy);color:white;border-color:var(--navy)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resource-card{display:flex;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:8px;padding:18px;transition:transform .15s,border-color .15s}.resource-card:hover{transform:translateY(-2px);border-color:#7baaa0}.resource-icon{background:#eef5f1;color:var(--green);width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;font-size:18px}.resource-card strong{font-size:11px;display:block;margin-bottom:5px}.resource-card small{font-size:9px;color:var(--muted)}.resource-card>.arrow{margin-left:auto;color:#a6b4ae}footer{border-top:1px solid #dce4e0;padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-size:10px;font-weight:700;letter-spacing:.7px;white-space:nowrap}.footer-brand>span{font-size:9px;color:var(--muted);display:block;margin-top:7px;font-weight:400}footer p{font-size:9px;line-height:1.8;color:var(--muted);margin:0}footer>a:last-child{font-size:10px;white-space:nowrap;color:var(--green)}.image-error{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#e7eceb;line-height:2;color:#566d68;padding:20px}.image-error[hidden]{display:none}.image-error a{color:var(--green);text-decoration:underline}dialog{border:1px solid var(--line);border-radius:14px;max-width:650px;width:calc(100% - 32px);max-height:85vh;padding:28px;color:var(--ink)}dialog::backdrop{background:#101f2d99;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-top button{background:#edf2ef;border-radius:50%;width:34px;height:34px}dialog h2{margin-bottom:15px}dialog h3{font-size:13px;margin-top:22px}.preserve-lines{white-space:pre-line;font-size:13px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-80px;z-index:100;background:white;padding:15px}.skip:focus{top:0}
@media(min-width:1600px){.map-stage{aspect-ratio:1.9}.alert-list{max-height:370px}.satellite-image-link{height:184px}}
@media(max-width:1200px){.sidebar{width:205px;padding:30px 18px}.page{margin-left:205px}main{padding:27px 24px 0}.topbar{padding:0 24px}.dashboard{gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}.intro h1{font-size:34px}.map-toolbar{flex-wrap:wrap}.panel-heading{padding:20px 18px 15px}.forecast-list{grid-template-columns:repeat(3,1fr)}.forecast-day:nth-child(3){border:0}.forecast-day:nth-child(-n+3){border-bottom:1px solid var(--line)}.satellite-image-link{height:310px}.resource-grid{grid-template-columns:repeat(2,1fr)}.auto-label{display:none}}
@media(max-width:900px){.sidebar{position:static;width:auto;padding:19px 22px;display:block}.brand{font-size:8px}.brand strong{font-size:19px}.brand-mark{font-size:38px}.sidebar-kicker,.side-divider,.side-bottom,.sidebar nav[aria-label="Weather topics"]{display:none}.sidebar nav{display:flex;gap:6px;margin-top:14px;overflow:auto}.sidebar nav a{padding:8px 11px;white-space:nowrap;font-size:11px;margin:0}.sidebar nav a>span:first-child{display:none}.page{margin-left:0}.topbar{height:52px}.dashboard{grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr)}.region-label{font-size:8px}.intro{margin-bottom:23px}.intro h1{font-size:34px}.panel-heading>a{font-size:9px}footer{flex-wrap:wrap}}
@media(max-width:680px){main{padding:24px 16px 0}.topbar{padding:0 18px}.topbar>div{gap:12px}#today{font-size:9px}.refresh span{display:none}.region-label{letter-spacing:.8px;font-size:7px}.intro h1{font-size:32px}.intro p{font-size:12px}.dashboard{display:flex;flex-direction:column;gap:17px}.radar-panel{order:0}.alert-panel{order:1}.forecast-panel{order:2}.satellite-panel{order:3}.map-stage{aspect-ratio:1.2}.map-toolbar{padding:0 14px 13px;gap:9px}.map-toolbar select{width:100%}.tabs{width:100%}.tabs button{flex:1}.panel-heading{padding:20px 17px 15px}.panel-heading h2{font-size:18px}.panel-heading>a{font-size:9px}.alert-list{min-height:90px;max-height:280px}.satellite-image-link{height:235px}.resource-heading{align-items:stretch;flex-direction:column}.resource-heading h2{font-size:25px}.search-wrap input{width:100%}.resource-grid{grid-template-columns:1fr}.resources{padding-top:30px}.resource-filters{gap:6px}.resource-filters button{padding:8px 11px}.forecast-panel .panel-heading select{max-width:160px;font-size:10px}.forecast-bottom{align-items:flex-start}footer{gap:15px}footer p{order:3;width:100%}.map-footer{padding:10px 14px;font-size:8px}.sidebar nav a{font-size:10px}.sidebar nav a:last-child{padding-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.resource-card{transition:none}}


@media(max-width:900px){.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}}

/* Bound the whole panel so alert volume cannot enlarge the dashboard row. */
.alert-panel{height:480px;max-height:480px;min-height:0;align-self:start;width:100%}
.alert-panel .panel-heading,.alert-panel .alert-controls,.alert-panel>.feed-note,.alert-panel .panel-bottom-link{flex-shrink:0}
.alert-panel .alert-list{flex:1 1 0;min-height:0;height:auto;max-height:none;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
@media(max-width:680px){.alert-panel{height:420px;max-height:420px}}
/* Match the radar row without letting alert content determine its height. */
@media(min-width:681px){
  .alert-panel{height:auto;max-height:none;align-self:stretch;position:relative;min-height:0}
  .alert-panel .alert-list{contain:size;flex:1 1 0;min-height:0}
}

/* Preserve the original brand artwork at its established display size. */
.original-brand{justify-content:center;padding:4px 0}
.original-brand img{display:block;width:162px;height:auto;object-fit:contain}
@media(max-width:900px){.original-brand{justify-content:flex-start}}
/* Expandable navigation and an in-page weather workspace. */
[hidden]{display:none!important}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#45616c transparent}
.sidebar .sidebar-kicker{flex-shrink:0}
.sidebar .side-bottom{padding-top:25px}
.sidebar .side-divider{flex-shrink:0}
#weather-menu{display:block;overflow:visible;margin:0}
.menu-search-label{font-size:10px;display:block;margin:0 0 7px;color:#a8bbc4}
#menu-search{width:100%;background:#1b303e;border:1px solid #3e5360;border-radius:6px;padding:10px;color:#fff;font-size:11px;margin-bottom:14px}
#menu-search::placeholder{color:#a4b6bf}
.weather-menu-group{border-bottom:1px solid #293c48}
.weather-menu-group summary{padding:13px 2px;cursor:pointer;color:#d3e1e6;font-size:12px;list-style:none;display:flex;justify-content:space-between;gap:8px}
.weather-menu-group summary::after{content:'+';color:#7bc4b4}.weather-menu-group[open] summary::after{content:'−'}
.weather-menu-group summary::-webkit-details-marker{display:none}
.sidebar nav .weather-tool-link{display:block;margin:2px 0;padding:9px 10px 9px 14px;white-space:normal;font-size:11px;line-height:1.5;border-left:2px solid #36505b;border-radius:0 5px 5px 0}
.sidebar nav .weather-tool-link.chosen{background:#27474c;color:#b5eddd;border-left-color:#7bc4b4}
.weather-menu-items{padding-bottom:10px}#menu-empty{font-size:12px;line-height:1.6}
.menu-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px}.menu-invitation p{color:var(--muted);font-size:12px;margin:12px 0 0}
#browse-tools,#back-overview,#reload-tool{background:#e6efeb;color:#216f61;border-radius:6px;padding:10px 14px;font-size:12px;white-space:nowrap}
.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px}
.viewer-heading h1{font-size:27px;letter-spacing:-1px;margin:8px 0}.viewer-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.viewer-toolbar{padding:14px 25px;display:flex;justify-content:space-between;align-items:center;background:#f1f5f3;border-block:1px solid var(--line);gap:12px;font-size:12px;color:var(--muted)}.viewer-toolbar>div{display:flex;align-items:center;gap:18px}.viewer-toolbar a{color:var(--green);white-space:nowrap}
#viewer-note{font-size:12px;line-height:1.6;padding:12px 25px;margin:0;color:#647870;background:#fafcfb}
#tool-content{background:#dfe7e8;min-height:350px}.tool-frame{display:block;width:100%;height:75vh;min-height:500px;border:0;background:white}.tool-image{display:block;max-width:100%;width:auto;max-height:78vh;min-height:0;margin:auto;object-fit:contain}#tool-viewer{margin-bottom:30px}
@media(max-width:900px){#weather-menu{max-height:280px;overflow:auto;border-top:1px solid #344753;padding-top:13px;margin-top:12px}#menu-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}.sidebar nav .weather-tool-link{font-size:11px}.sidebar{overflow:visible}.menu-search-label{display:none}#menu-search{max-width:320px}}
@media(max-width:680px){#menu-groups{grid-template-columns:repeat(2,minmax(0,1fr))}#weather-menu{max-height:220px}.menu-invitation{align-items:flex-start;flex-direction:column}.viewer-heading{padding:20px;align-items:flex-start;flex-direction:column}.viewer-heading h1{font-size:23px}.viewer-toolbar{padding:12px 15px;flex-wrap:wrap;font-size:11px}#viewer-note{padding:12px 15px;font-size:11px}.tool-frame{height:65vh;min-height:400px}}

.external-tool-message{text-align:center;min-height:350px;padding:60px 24px;background:#f2f6f4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.external-tool-symbol{font-size:38px;color:var(--green)}.external-tool-message p{max-width:420px;line-height:1.7;color:var(--muted);margin:0}.external-tool-button{padding:13px 22px;border-radius:7px;background:var(--green);color:white;font-weight:600}

/* Give embedded tools the full workspace rather than dashboard card dimensions. */
.viewer-mode main{max-width:none;padding:16px 16px 0}
.viewer-mode .viewer-heading{padding:14px 20px;gap:12px}
.viewer-mode .viewer-heading h1{font-size:22px;margin:4px 0}
.viewer-mode .viewer-heading p{margin:0}
.viewer-mode .viewer-toolbar{padding:8px 20px}
.viewer-mode #viewer-note{padding:8px 20px;font-size:11px}
.viewer-mode .tool-frame{height:90vh;height:90dvh;min-height:650px}
.viewer-mode .tool-image{max-height:90vh;max-height:90dvh}
@media(max-width:680px){
 .viewer-mode main{padding:10px 6px 0}
 .viewer-mode .viewer-heading{padding:12px;flex-direction:row;align-items:center}
 .viewer-mode .viewer-heading h1{font-size:18px}
 .viewer-mode .viewer-heading p{display:none}
 .viewer-mode .viewer-toolbar,.viewer-mode #viewer-note{padding:8px 12px}
 .viewer-mode .tool-frame{height:85vh;height:85dvh;min-height:500px}
}

/* The map and list share the radar-aligned, bounded alert panel. */
.alert-view-controls{display:flex;align-items:center;justify-content:space-between;padding:0 20px 8px;flex-shrink:0}
#alert-map-view{flex:1 1 0;min-height:0;display:flex;flex-direction:column;contain:size}
#alert-map{flex:1;min-height:0;background:#e4eeed;isolation:isolate}
#alert-map-status{font-size:10px;line-height:1.4;margin:0;padding:7px 14px;color:#536b73;flex-shrink:0}
.alert-legend{display:flex;flex-wrap:wrap;gap:9px;padding:0 14px 8px;font-size:9px;color:#52676e;flex-shrink:0}
.alert-legend span{display:flex;align-items:center;gap:4px}.alert-legend i{width:9px;height:9px;border-radius:2px}
.map-alert-details{background:#187568;color:white;padding:8px 12px;border-radius:5px}
#alert-map .leaflet-popup-content{font-family:'DM Sans',sans-serif;font-size:12px}
#alert-map .leaflet-control-attribution{font-size:8px}
@media(max-width:680px){.alert-panel{height:560px;max-height:560px}}

.county-alert{border-top:1px solid var(--line);padding:16px 0}.county-alert summary{cursor:pointer;font-weight:700;margin-bottom:12px}.county-alert .preserve-lines{margin-bottom:0}#county-dialog{margin:auto}#county-dialog>a{color:var(--green);display:inline-block;margin-top:15px}

#county-dialog{max-width:1050px}#county-outlook{margin:22px 0 28px}#county-outlook h3{margin-bottom:8px}.county-forecast-link{display:inline-block;background:var(--green);color:white;padding:11px 15px;border-radius:7px;font-size:12px;margin:0 0 16px}.county-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.county-day{background:#f3f7f5;border:1px solid var(--line);border-radius:8px;padding:10px;text-align:center}.county-day h4{font-size:12px;margin:0 0 10px}.county-period{padding:8px 0}.county-period+.county-period{border-top:1px solid var(--line);margin-top:10px}.county-period-name{display:block;font-size:10px;color:var(--muted);min-height:25px}.county-period .weather-icon{display:block}.county-period strong{font-size:13px}.county-period p{font-size:11px;line-height:1.45;margin:8px 0}.county-precip{font-size:11px;font-weight:700;color:var(--green)}@media(max-width:800px){.county-week{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.county-week{grid-template-columns:repeat(2,minmax(0,1fr))}#county-dialog{padding:20px}}

.forecast-location-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.local-week{grid-template-columns:repeat(7,minmax(115px,1fr));overflow-x:auto;padding:6px 18px 20px}.native-forecast{padding:25px;background:white;min-height:500px}.native-forecast>h2{margin-bottom:12px}.period-details{margin-top:10px;font-size:11px;text-align:left}.period-details summary{cursor:pointer;color:var(--green)}#location-dialog p{line-height:1.6}.zip-row{display:flex;gap:10px;margin:8px 0 12px}.zip-row input{min-width:0;width:150px;padding:10px;border:1px solid var(--line);border-radius:6px}#location-dialog button:not(.text-button){background:var(--green);color:white;border-radius:6px;padding:10px 14px}.cookie-notice{padding:15px;background:#f0f5f2;border-radius:8px;margin-top:15px;font-size:12px}.cookie-notice p{margin:8px 0 0}#location-actions{display:flex;gap:10px;flex-wrap:wrap}#location-feedback{font-size:12px}@media(max-width:680px){.forecast-panel .panel-heading{flex-wrap:wrap}.forecast-location-controls{justify-content:flex-start}.native-forecast{padding:16px}}

.nws-written-forecast{max-width:950px}.nws-written-period{padding:20px 0;border-top:1px solid var(--line)}.nws-written-period h3{font-size:16px;margin:0 0 9px;color:var(--green)}.nws-written-period p{font-size:15px;line-height:1.8;margin:0;white-space:pre-line}

.native-forecast>.written-heading{margin:32px 0 16px}

.forecast-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.forecast-side-imagery{display:grid;gap:20px;position:sticky;top:20px}.forecast-imagery-card{background:#f3f7f5;border:1px solid var(--line);border-radius:10px;padding:14px}.forecast-imagery-card h3{font-size:15px;margin:0 0 12px}.forecast-imagery-card a{display:block;color:var(--green);font-size:11px}.forecast-imagery-card img{display:block;width:100%;aspect-ratio:1.2;object-fit:contain;background:#dce4e8;border-radius:6px}.forecast-imagery-card a span{display:block;margin-top:10px}.forecast-imagery-card p{margin:8px 0 0}@media(max-width:1100px){.forecast-detail-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}}@media(max-width:750px){.forecast-detail-layout{grid-template-columns:1fr}.forecast-side-imagery{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:420px){.forecast-side-imagery{grid-template-columns:1fr}}

/* Keep imagery beside the reading column on wide displays. */
.forecast-detail-layout{grid-template-columns:minmax(0,760px) 300px;gap:24px;justify-content:start}
@media(max-width:1100px){.forecast-detail-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}}
@media(max-width:750px){.forecast-detail-layout{grid-template-columns:1fr}}

.outlook-graphics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px;background:#f3f6f5}.outlook-graphic{background:white;border:1px solid var(--line);border-radius:10px;padding:16px}.outlook-graphic h2{margin:0 0 16px;font-size:18px}.outlook-graphic img{display:block;width:100%;height:auto}.outlook-graphic p{margin:12px 0 0}@media(max-width:1000px){.outlook-graphics{grid-template-columns:1fr}}

.spc-state-page{padding:24px;background:#f3f6f5}.spc-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.spc-controls label{font-weight:600}.spc-state-page>h2{margin:20px 0}.spc-graphics{padding:0}.spc-graphics h3{margin:0 0 14px;font-size:16px}.spc-full-size{display:block;color:var(--green);font-size:12px;margin-top:10px}@media(max-width:600px){.spc-state-page{padding:14px}.spc-controls{display:grid;grid-template-columns:auto 1fr}}

.snow-analysis-page{padding:24px;background:#f3f6f5}.snow-analysis-intro h2{margin:0 0 12px}.snow-graphics{padding:0;grid-template-columns:repeat(3,minmax(0,1fr))}.snow-graphics h3{font-size:16px;margin:0 0 14px}@media(max-width:1200px){.snow-graphics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.snow-graphics{grid-template-columns:1fr}.snow-analysis-page{padding:14px}}