.map-expand-controls{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;padding:8px}.weather-expand-button{font-size:13px;margin-left:auto}.weather-expanded{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--bg,#f1f5f9);color:var(--text,#17283a)}.weather-expanded[open]{display:flex;flex-direction:column}.expand-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--panel,#fff);border-bottom:1px solid #64748b}.expand-body{flex:1;overflow:auto;min-height:0;padding:12px}.expand-body>.is-expanded{width:100%;max-width:none;margin:0;box-sizing:border-box}.expand-body .leaflet-container{height:65dvh!important;min-height:300px}.expand-body .env-plot{width:100%}.weather-expand-open{overflow:hidden}.is-expanded .weather-expand-button{display:none}.storm-report-status{font-size:12px;flex-basis:100%;margin:0}.storm-report-popup{max-width:300px}.storm-report-popup p{margin:6px 0}.env-chart-head{flex-wrap:wrap}

/* Keep product actions together, leaving more vertical space for the map. */
.radar-products-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:7px}.radar-products-heading .radar-products-label{margin:0}.compact-map-card .map-expand-controls{padding:0;gap:10px;justify-content:flex-start}.compact-map-card .map-expand-controls>label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;letter-spacing:0;white-space:nowrap}.compact-map-card .map-expand-controls>label input{margin:0}.compact-map-card .map-expand-controls .weather-expand-button{margin:0;padding:6px 9px;min-height:34px;white-space:nowrap}.compact-map-card .home-radar-toolbar{padding:8px 12px;gap:8px}.compact-map-card .home-radar-toolbar .radar-product-picker{flex:1 1 100%}.compact-map-card #home-radar-refresh{padding:5px 9px;min-height:32px;font-size:12px}.compact-map-card .radar-product-buttons{gap:5px}.compact-map-card .radar-product-button{padding:6px 9px;min-height:36px}.compact-map-card .cardhead{padding:10px 12px}.compact-map-card .home-radar-extras{padding:6px 12px;gap:8px}.lightning-details{font-size:12px;flex:1;min-width:160px}.lightning-details summary{cursor:pointer}.lightning-details #home-lightning-status{font-size:12px;margin:6px 0}.compact-map-card .outlook-toolbar{gap:8px;padding:8px 0}.compact-map-card .outlook-toolbar .map-expand-controls{margin-left:auto}.compact-map-card .storm-report-status{max-width:600px;font-size:11px;line-height:1.35}.compact-map-card #map{min-height:440px}.compact-map-card #winter-map{min-height:460px}@media(max-width:650px){.radar-products-heading{align-items:flex-start}.compact-map-card .map-expand-controls{gap:7px}.compact-map-card #map,.compact-map-card #winter-map{min-height:390px}.compact-map-card .outlook-toolbar .map-expand-controls{margin-left:0}}

.map-fullscreen-overlay{position:absolute;top:12px;right:12px;z-index:800}.compact-map-card .map-fullscreen-overlay .weather-expand-button{display:grid;place-items:center;width:42px;height:42px;margin:0;padding:0;border:1px solid #94a3b8;border-radius:9px;background:#fff;color:#173859;font-size:27px;line-height:1;box-shadow:0 2px 10px #0004}.map-fullscreen-overlay button:hover{background:#e6f1ff}.is-expanded .map-fullscreen-overlay{display:none}.basemap-status-only{min-height:0!important;padding:3px 12px!important;gap:6px!important;font-size:10px!important}.basemap-status-only span{font-size:10px!important}.basemap-status-only label,.basemap-status-only select{font-size:11px;padding:4px}
nav[aria-label="Weather pages"]{gap:6px;padding:6px;background:#e5edf7;border:1px solid #c6d6e8;border-radius:14px;box-shadow:0 3px 12px #183b6310;margin-bottom:22px}nav[aria-label="Weather pages"] button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 20px;border:0;border-radius:10px;color:#3c5673;font-weight:700;transition:background .16s,color .16s,box-shadow .16s}nav[aria-label="Weather pages"] button::before{font-size:18px;line-height:1}nav button[data-view="overview"]::before{content:'☀'}nav button[data-view="storm"]::before{content:'ϟ'}nav button[data-view="winter"]::before{content:'❄'}nav[aria-label="Weather pages"] button:hover{background:#d3e3f6;color:#173f70}nav[aria-label="Weather pages"] button.active{background:#245c9b;color:#fff;box-shadow:0 2px 7px #183b6330;border:0}nav[aria-label="Weather pages"] #updated{padding-right:12px;color:#506581}[data-theme="dark"] nav[aria-label="Weather pages"]{background:#14283e;border-color:#38536e}[data-theme="dark"] nav[aria-label="Weather pages"] button{color:#c4d8ed}[data-theme="dark"] nav[aria-label="Weather pages"] button:hover{background:#294965}[data-theme="dark"] nav[aria-label="Weather pages"] button.active{background:#88bdf6;color:#112b47}[data-theme="dark"] nav[aria-label="Weather pages"] #updated{color:#b5cbe2}@media(max-width:650px){nav[aria-label="Weather pages"]{gap:4px;padding:5px}nav[aria-label="Weather pages"] button{flex:1;gap:5px;padding:10px 6px;font-size:12px}nav[aria-label="Weather pages"] button::before{font-size:16px}}

.map-expand-controls:empty{display:none}.map-layer-details,.radar-playback-details{font-size:11px;padding:5px 12px;color:inherit}.map-layer-details summary,.radar-playback-details summary{cursor:pointer;font-weight:600}.map-layer-details p{font-size:11px;margin:5px 0}.compact-map-card .home-radar-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:7px 12px}.home-radar-controls>div:first-child{display:flex;align-items:center;gap:9px}.compact-map-card #home-radar-frame{flex:1;min-width:120px}.home-radar-controls>label{display:flex;align-items:center;gap:5px}.home-radar-controls>label input{width:85px}.home-radar-controls .radar-playback-details{flex-basis:100%;padding:0}.home-radar-controls button,.winter-controls button{padding:5px 10px;min-height:34px}.compact-map-card .winter-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:7px 0}.winter-controls #winter-frame{flex:1;min-width:120px}.winter-controls #winter-opacity{width:85px}.winter-controls label{display:flex;align-items:center;gap:5px}.radar-playback-details img{max-height:110px;width:auto;max-width:100%}.compact-map-card #map,.compact-map-card #winter-map{height:clamp(440px,60vh,720px);min-height:440px}

/* Controls live inside the radar viewport, including in full-screen mode. */
.radar-overlay-top,.radar-overlay-bottom{position:absolute;z-index:800;background:rgba(255,255,255,.95);color:#173859;border:1px solid #b4c6d8;border-radius:10px;box-shadow:0 3px 14px #0003;box-sizing:border-box;font-family:'DM Sans',sans-serif}.radar-overlay-top{top:12px;left:54px;max-width:min(650px,calc(100% - 116px))}.radar-overlay-top>summary{cursor:pointer;padding:10px 12px;font-size:12px;font-weight:700;min-height:40px}.radar-overlay-options{padding:0 8px 8px;max-height:40dvh;overflow:auto}.radar-overlay-options .home-radar-toolbar{border:0!important;padding:4px!important}.radar-overlay-options .home-radar-extras{padding:5px!important}.radar-overlay-bottom{bottom:28px;left:12px;right:12px;max-width:850px;margin:0 auto;max-height:35dvh;overflow:auto;padding:4px 8px}.radar-overlay-bottom .home-radar-controls,.radar-overlay-bottom .winter-controls{padding:2px!important;border:0!important;font-size:11px}.radar-overlay-bottom .home-radar-controls output,.radar-overlay-bottom #winter-time{font-size:11px}.radar-overlay-bottom .map-layer-details,.radar-overlay-bottom .radar-playback-details{padding:3px 0;font-size:10px}.radar-overlay-bottom .map-layer-details[open],.radar-overlay-bottom .radar-playback-details[open]{max-height:22dvh;overflow:auto}.radar-overlay-card .basemap-status-only{display:none}.compact-map-card.radar-overlay-card #map,.compact-map-card.radar-overlay-card #winter-map{height:clamp(500px,70dvh,850px);min-height:500px}.radar-expanded.weather-expanded{border-radius:0;overflow:hidden}.radar-expanded .expand-bar{position:absolute;top:12px;right:12px;z-index:1200;padding:0;border:0;background:transparent}.radar-expanded .expand-bar strong{display:none}.radar-expanded .expand-bar button{min-height:42px;background:#fff;color:#173859;box-shadow:0 2px 10px #0004}.radar-expanded .expand-body{padding:0;overflow:hidden;width:100%;height:100%}.radar-expanded .expand-body>.is-expanded{position:relative;height:100%;border:0;border-radius:0;padding:0}.radar-expanded .expand-body>.is-expanded> :not(#map):not(#winter-map){display:none!important}.radar-expanded .expand-body .leaflet-container#map,.radar-expanded .expand-body .leaflet-container#winter-map{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0!important;border-radius:0}.radar-expanded .radar-overlay-top{max-width:calc(100% - 245px)}
[data-theme="dark"] .radar-overlay-top,[data-theme="dark"] .radar-overlay-bottom{background:rgba(19,39,60,.96);color:#e3efff;border-color:#54708c}[data-theme="dark"] .radar-overlay-top summary,[data-theme="dark"] .radar-overlay-bottom summary{color:#e3efff}@media(max-width:650px){.radar-overlay-top{left:52px;max-width:calc(100% - 112px)}.radar-overlay-top>summary{font-size:11px;padding:10px 8px}.radar-overlay-bottom{left:6px;right:6px;bottom:32px}.radar-expanded .radar-overlay-top{top:64px;left:52px;max-width:calc(100% - 64px)}.radar-overlay-bottom .home-radar-controls>div:first-child{flex-basis:100%}.radar-overlay-options .radar-product-button{font-size:11px;padding:6px}}

.radar-below-details{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px 20px;padding:3px 12px 9px;border-top:1px solid #b4c6d833}.radar-below-details>.radar-playback-details,.radar-below-details>.map-layer-details{padding:4px 0;flex:1;min-width:190px}.radar-below-details details[open]{flex-basis:100%}.radar-below-details p{font-size:11px}.radar-below-details .storm-report-status{max-width:none}.radar-overlay-bottom:empty{display:none}.radar-overlay-card .mapfoot{padding:8px 12px}.radar-expanded .radar-below-details{display:none!important}

/* The briefing forms a full-width strip touching the main header. */
:root{--site-header-height:86px}body>header{height:var(--site-header-height)}body>#today-banner{width:100%;height:var(--site-header-height);min-height:var(--site-header-height);margin:0;border-radius:0;border-width:0 0 1px;border-left:0;box-shadow:none;padding:8px 4%;gap:16px;align-items:center;overflow:hidden}body>#today-banner .today-symbol{font-size:32px;flex-shrink:0}body>#today-banner .today-content{height:100%;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-width:thin}body>#today-banner .today-heading{font-size:10px;line-height:1.3;gap:4px 12px}body>#today-banner .today-level{letter-spacing:.7px}body>#today-banner h2{font-size:18px;line-height:1.25;margin:3px 0}body>#today-banner p{font-size:12px;line-height:1.4;margin:3px 0}body>#today-banner .today-footer{font-size:10px;line-height:1.4;margin:4px 0 0;gap:8px}body>#today-banner .today-action{padding-top:3px}body>#today-banner .today-level{padding:0;background:none;color:inherit;border-radius:0}body>#today-banner:focus-visible{outline:3px solid currentColor;outline-offset:-3px}@media(max-width:800px){:root{--site-header-height:70px}body>#today-banner{padding:6px 4%;gap:10px}body>#today-banner .today-symbol{font-size:26px}body>#today-banner h2{font-size:15px;margin:2px 0}body>#today-banner .today-heading{font-size:9px}body>#today-banner p{font-size:11px}body>#today-banner .today-footer{flex-direction:row;flex-wrap:wrap}}

/* Fit the entire briefing; the strip remains flush against the header. */
body>#today-banner{height:auto;max-height:none;overflow:visible;padding:12px 4%;align-items:flex-start}body>#today-banner .today-content{height:auto;max-height:none;overflow:visible;padding-right:0;overscroll-behavior:auto}body>#today-banner .today-symbol{margin-top:4px}body>#today-banner .today-footer{flex-wrap:wrap;align-items:flex-start}body>#today-banner .today-footer span{max-width:100%;flex:1 1 300px}body>#today-banner #today-spc{display:inline-block;font-size:12px;font-weight:800;white-space:normal;padding:5px 9px;border:1px solid currentColor;border-radius:6px;text-decoration:none}body>#today-banner #today-spc:hover{text-decoration:underline}body>#today-banner p{overflow-wrap:anywhere}@media(max-width:800px){body>#today-banner{padding:10px 4%}}

.radar-alert-dialog{width:min(760px,94vw);max-width:760px;max-height:88dvh;padding:0;border:1px solid #a7bed5;border-radius:14px;background:#fff;color:#173859;box-shadow:0 20px 70px #0006}.radar-alert-heading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:inherit;border-bottom:1px solid #a7bed5;z-index:1}.radar-alert-heading h2{font-size:21px;margin:0}.radar-alert-heading button{flex-shrink:0;min-height:42px}.radar-alert-body{padding:6px 20px 20px}.radar-alert-body p{color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.radar-alert-dialog::backdrop{background:#081728b8}[data-theme="dark"] .radar-alert-dialog{background:#172b40;color:#e4efff;border-color:#6786a5}
body>#today-banner{justify-content:center;position:relative;text-align:center;padding:16px 4%;gap:12px}body>#today-banner .today-content{flex:0 1 1100px}body>#today-banner .today-symbol{position:absolute;left:4%;top:16px;font-size:28px}body>#today-banner .today-heading{justify-content:center;align-items:center;gap:6px 18px;padding:0 32px}body>#today-banner .today-level{font-size:10px;letter-spacing:1.2px}body>#today-banner #today-date{font-weight:600}body>#today-banner h2{font-size:22px;margin:6px 0 8px;font-weight:800;padding:0 30px}body>#today-banner #today-text{font-size:14px;line-height:1.65;white-space:pre-line;max-width:900px;margin:0 auto}body>#today-banner .today-action{font-size:13px;line-height:1.5;margin:9px auto 0;max-width:900px;border-top:0;padding-top:0}body>#today-banner .today-footer{justify-content:center;align-items:center;margin-top:10px;gap:8px 18px}body>#today-banner .today-footer span{flex:0 1 auto;font-size:11px}body>#today-banner #today-spc{padding:7px 12px}@media(max-width:800px){body>#today-banner{padding:14px 4%}body>#today-banner .today-symbol{position:static;align-self:flex-start;font-size:23px;margin-top:0}body>#today-banner h2{font-size:19px;padding:0}body>#today-banner .today-heading{padding:0;gap:4px 12px}body>#today-banner #today-text{font-size:13px}.radar-alert-heading{padding:12px}.radar-alert-heading h2{font-size:18px}.radar-alert-body{padding:4px 14px 14px}}

.radar-below-details{flex-direction:column;gap:0;align-items:stretch}.radar-below-details>.radar-playback-details,.radar-below-details>.map-layer-details{flex:0 0 auto;width:100%;min-width:0}

.alert button.alert-details-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;margin-top:8px;padding:10px 16px;border:1px solid #1d4e86;border-radius:8px;background:#245c9b;color:#fff;text-align:center;font-size:13px;font-weight:800;box-shadow:0 2px 5px #183b6320}.alert button.alert-details-button:hover{background:#183f70;border-color:#183f70;text-decoration:underline}.alert button.alert-details-button:focus-visible{outline:3px solid #2460a0;outline-offset:3px}[data-theme="dark"] .alert button.alert-details-button{background:#88bdf6;color:#10283e;border-color:#acd2ff}[data-theme="dark"] .alert button.alert-details-button:hover{background:#b5d8ff}.top-alerts .alert h3{font-weight:800;margin:8px 0}@media(max-width:650px){.alert button.alert-details-button{width:100%}}

/* Subtle definition around alert dialogs on both page and radar. */
#detail,.radar-alert-dialog{border:1px solid #8ba7c2;box-shadow:0 0 0 3px rgba(139,167,194,.18),0 16px 48px rgba(12,30,50,.28)}[data-theme="dark"] #detail,[data-theme="dark"] .radar-alert-dialog{border-color:#8babc9;box-shadow:0 0 0 3px rgba(139,171,201,.16),0 16px 48px rgba(0,0,0,.5)}
.graph-disclosure{border:0;background:none!important;color:inherit;font:inherit;text-align:left;padding:0;cursor:default}.graph-content{min-width:0}
@media(max-width:600px){
header{height:auto;min-height:70px;display:grid;grid-template-columns:minmax(0,1fr) 44px auto;gap:6px;padding:10px 4%}header .brand{grid-column:1;grid-row:1;font-size:20px;white-space:nowrap}header .source{display:none}header #message-history-open{grid-column:2;grid-row:1;margin:0;position:relative;width:44px;height:44px;justify-content:center;padding:0;font-size:0;gap:0}#message-history-open>span[aria-hidden]{font-size:23px}#message-history-count{position:absolute;right:-3px;top:-4px}header #theme-toggle{grid-column:3;grid-row:1;margin:0;min-height:44px}header #refresh{grid-column:1/-1;grid-row:2;justify-self:end;margin:0;min-height:32px;padding:5px 9px}
.env-chart-card .env-chart-head h3{flex:1 1 100%;margin:0;width:100%}.graph-disclosure{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;cursor:pointer}.graph-disclosure::after{content:'−';font-size:22px;flex:none}.phone-graph-collapsed .graph-disclosure::after{content:'+'}.phone-graph-collapsed:not(.is-expanded)>.graph-content,.phone-graph-collapsed:not(.is-expanded)>.env-chart-head>output,.phone-graph-collapsed:not(.is-expanded)>.env-chart-head>.weather-expand-button{display:none!important}.phone-graph-collapsed:not(.is-expanded)>.env-chart-head{margin:0}.env-chart-card.is-expanded>.graph-content{display:block}.is-expanded .graph-disclosure{pointer-events:none}
}
.graph-content>p{font-size:11px;margin:10px 20px;min-height:35px}
@media(max-width:600px){.phone-graph-collapsed:not(.is-expanded)>.env-chart-head{padding:6px 16px}}
@media(max-width:600px){header .brand .tag{display:none!important}}
@media(max-width:600px){body>header{height:auto}}
@media(max-width:360px){header .brand{font-size:17px}header .brand .logo{font-size:25px}header #theme-toggle{font-size:10px;padding:7px 5px}}

/* Navigation and page introductions stay above the weather content. */
body>nav[aria-label="Weather pages"]{width:calc(100% - clamp(24px,3vw,64px));max-width:none;margin:12px auto}main{padding-top:22px}.top{margin-bottom:20px;gap:18px}.top h1{margin:0 0 4px;line-height:1.15}.top #page-description{margin:0;line-height:1.45}.storm-references{margin-top:26px}.storm-references>details{margin-top:12px}.spc-layer-resources{padding:12px 20px;border-top:1px solid #d5dbe1}.spc-layer-resources>details,.spc-layer-resources #ingredient-guide>details{margin:0;padding:10px 0}.spc-layer-resources summary{font-size:12px;font-weight:700;cursor:pointer}.spc-layer-resources .ingredient-table{width:100%;min-width:620px}.spc-layer-resources .env-table-scroll{margin-top:12px}.spc-layer-resources p{font-size:12px}.env-source-reference #env-model-time{display:block;font-size:11px}
@media(max-width:600px){body>nav[aria-label="Weather pages"]{margin:8px auto}main{padding-top:16px}.top{margin-bottom:16px;gap:14px}.top h1{margin-bottom:4px}.top #page-description{margin-top:0}.spc-layer-resources{padding:8px 14px}}

.spc-instructions{margin:0 0 18px;padding:14px 18px;border:1px solid #b4cde8;border-left:4px solid #3177b9;border-radius:9px;background:#eaf4ff;color:#214b73;font-size:14px;line-height:1.5}.spc-instructions strong{font-weight:800}[data-theme="dark"] .spc-instructions{background:#142d45;border-color:#42688c;border-left-color:#8bc4ff;color:#d7eaff}@media(max-width:600px){.spc-instructions{padding:12px 14px;margin-bottom:14px;font-size:13px}}
nav button[data-view="broadcast"]::before{content:'▶'}#broadcast-banner{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:13px 4%;background:#a21e32;color:#fff;border-bottom:2px solid #ea8b97}#broadcast-banner strong{font-size:14px}#broadcast-banner span{font-size:13px}#broadcast-banner button{background:#fff;color:#8c1729;border-color:#fff;font-weight:800;min-height:44px}.broadcast-card{max-width:1100px;margin:0 auto}.broadcast-video{aspect-ratio:16/9;background:#09121d;color:#edf4ff;position:relative}.broadcast-video #broadcast-player,.broadcast-video iframe{width:100%;height:100%;border:0}.broadcast-video #broadcast-offline{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.broadcast-video #broadcast-offline>span{font-size:48px;color:#83b5e8}.broadcast-video h2{font-size:clamp(21px,3vw,34px);margin:10px 0 0}.broadcast-video p{color:#c1d2e6;margin:8px 0;font-size:13px}.broadcast-info{padding:14px 22px}.broadcast-info a{display:inline-block;padding:10px 0;font-weight:700}.broadcast-info p:last-child{font-size:11px}.broadcast-live{background:#a21e32!important;color:#fff!important}#broadcast-form label{max-width:800px}#broadcast-form input,#broadcast-form select{max-width:100%}#broadcast-form button{min-height:44px}#broadcast-admin-status{font-weight:700}
@media(max-width:650px){nav[aria-label="Weather pages"] button{font-size:11px;padding:9px 4px;gap:4px}nav[aria-label="Weather pages"] button::before{font-size:13px}#broadcast-banner{gap:8px;padding:12px 4%;text-align:center}#broadcast-banner strong,#broadcast-banner span{flex-basis:100%}.broadcast-card .cardhead{padding:12px}.broadcast-card .cardhead h2{font-size:14px}.broadcast-info{padding:12px 16px}.broadcast-video #broadcast-offline>span{font-size:28px}.broadcast-video #broadcast-offline{padding:12px}.broadcast-video p{font-size:11px}}
@media(min-width:601px) and (max-width:1100px){body>header{height:auto;min-height:86px;padding:16px 4%;flex-wrap:wrap;gap:12px}header .brand .tag{display:none}header .source{margin-left:auto}header button{margin-left:0}}
/* Weather Scope: compact navigation, local observations and direct graph exploration. */
.scope-logo{width:46px;height:46px;flex:none}.brand-name{font:800 27px Manrope,sans-serif;letter-spacing:-1px}.brand-name>span{color:#78c9ff}header #message-history-open{font-size:0;width:44px;height:44px;padding:0;justify-content:center;position:relative;flex:none}header #message-history-open>span[aria-hidden]{font-size:23px}header #theme-toggle{font-size:23px;width:44px;height:44px;min-height:44px;padding:0;flex:none}#message-history-count{font-size:10px;position:absolute;top:-5px;right:-5px}body>header{min-height:76px;height:auto;padding-top:12px;padding-bottom:12px}.current-location-tools{display:flex;align-items:flex-end;gap:10px;margin:16px 0}.current-location-tools .location{width:auto;flex:1;min-width:0}.current-location-tools label{color:#c4d9ee}.current-location-tools .searchbar{margin-bottom:0;background:#fff}.current-location-tools .searchbar input{color:#14283e}.current-location-tools .searchbar button{flex:none;width:40px;padding:6px;color:#123859;font-size:23px}.current-location-tools #refresh{height:46px;width:42px;padding:5px;flex:none;background:#294c70;border-color:#799ab9;color:#fff;font-size:24px}.current-location-tools .location-help{min-height:0!important;margin:6px 0 0;font-size:10px}.current-location-tools #location-results{color:#163653}.top{margin-bottom:12px}nav[aria-label="Weather pages"] button{white-space:nowrap;flex-wrap:nowrap}nav[aria-label="Weather pages"] button::before{flex:none}.radar-overlay-bottom .radar-overlay-top{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;max-width:none;margin:0 0 3px;box-shadow:none;border:0;background:transparent}.radar-overlay-bottom{bottom:10px;max-height:48dvh}.radar-overlay-bottom .radar-overlay-top>summary{padding:6px;min-height:32px}.radar-below-details{min-width:0;max-width:100%;overflow-wrap:anywhere}.radar-below-details details,.radar-below-details summary,.radar-below-details p{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}.radar-below-details img{max-width:100%;height:auto}.relocated-map-credit{position:static!important;float:none!important;clear:both!important;background:transparent!important;color:inherit!important;text-align:left!important;margin:6px 0!important;font-size:10px!important;max-width:100%;overflow-wrap:anywhere}.relocated-map-credit a{color:inherit!important}.graph-content{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.graph-content>.env-plot,.env-chart-card>.env-plot{min-width:1100px;touch-action:pan-x pan-y}.env-chart-card>.env-plot{overflow-x:auto}.env-table,.modebar{display:none!important}.env-chart-card{position:relative}.env-chart-head{padding-right:54px}.env-chart-head .weather-expand-button{position:absolute;right:10px;top:10px;width:36px;height:36px;padding:4px;font-size:22px}.sounding-disclosure>summary{padding:18px 20px;font:700 20px Manrope;cursor:pointer}.sounding-disclosure .sounding-body{padding-top:0}.weather-expanded:not(.winter-inspect-popup){width:100vw!important;height:100dvh!important;max-height:100dvh!important;max-width:100vw!important;border-radius:0!important;inset:0!important;margin:0!important}.weather-expanded:not(.radar-expanded) .expand-body{padding:0;overflow:hidden;display:flex}.weather-expanded:not(.radar-expanded) .env-chart-card{flex:1;display:flex;flex-direction:column;border:0;border-radius:0;min-height:0}.weather-expanded:not(.radar-expanded) .graph-content{flex:1;min-height:0;overflow:auto}.weather-expanded .env-chart-card .graph-content> :not(.env-plot){display:none!important}.weather-expanded .env-chart-card>.env-plot{flex:1}.weather-expanded .env-chart-card .env-chart-head{flex:none;min-height:54px;padding:12px 18px}.expand-bar{flex:none;min-height:56px}.expand-bar button{min-height:44px}.sounding-disclosure .env-chart-card{overflow-x:auto}
@media(max-width:600px){body>header{display:flex;flex-wrap:nowrap;gap:8px;min-height:72px;padding:10px 4%}header .brand{flex:1;min-width:0;gap:8px}.scope-logo{width:36px;height:36px}.brand-name{font-size:22px}header .source,header .tag{display:none!important}header #message-history-open,header #theme-toggle{margin:0;width:40px;height:40px;min-height:40px}nav[aria-label="Weather pages"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px}nav[aria-label="Weather pages"] button{font-size:11px;line-height:1.25;padding:10px 2px;gap:0;min-width:0}nav[aria-label="Weather pages"] button::before{display:none}nav[aria-label="Weather pages"] #updated{display:none}.current{padding:20px 16px}.current-location-tools{gap:6px;align-items:center}.current-location-tools #refresh{width:36px}.current-location-tools .location-help{display:none}.current-location-tools .searchbar button{width:34px}.current-location-tools .searchbar input{padding:8px 4px;font-size:13px}.current-location-tools label{font-size:9px}.current-location-tools .searchbar{margin-top:6px}.sounding-disclosure>summary{font-size:17px;padding:16px}.sounding-disclosure .env-chart-card .env-chart-head{padding:16px 52px 4px 16px}.sounding-disclosure .env-chart-head h3{flex:1}.sounding-disclosure .env-chart-head output{white-space:normal}.radar-below-details{padding:8px 12px}.radar-below-details summary{font-size:11px}.weather-expanded:not(.radar-expanded) .expand-bar{padding:8px 12px}.weather-expanded .expand-bar strong{font-size:13px}.weather-expanded .expand-bar button{font-size:12px}.graph-disclosure{padding-right:35px}.sounding-disclosure .env-chart-card>.env-plot{width:1100px}}
@media(max-width:360px){.brand-name{font-size:19px}.scope-logo{width:31px;height:31px}nav[aria-label="Weather pages"] button{font-size:10px}}
.current-location-tools .searchbar button{background:#bfddfa!important;color:#153b62!important;border:0}.env-plot .nsewdrag,.env-plot .draglayer{touch-action:pan-x pan-y!important}.sounding-disclosure .env-chart-card{overflow:hidden}.sounding-disclosure .graph-content>.env-plot{width:auto}
.weather-expanded:not(.radar-expanded) .expand-bar{background:#eaf3ff;color:#173b60}[data-theme="dark"] .weather-expanded:not(.radar-expanded) .expand-bar{background:#0e2135;color:#e5f2ff}.weather-expanded .expand-bar button{background:#245c9b;color:#fff;border-color:#90b8df}.weather-expanded .graph-disclosure::after{display:none}
.mapfoot{flex-wrap:wrap;gap:6px}.mapfoot>*{min-width:0;overflow-wrap:anywhere}.graph-content:focus-visible{outline:2px solid #77bfff;outline-offset:-2px}
.current #refresh{position:absolute;top:16px;right:16px;height:36px;width:36px;padding:3px;background:#294c70;border:1px solid #799ab9;color:#fff;font-size:24px;border-radius:8px}.current-top{padding-right:48px;min-height:36px}.current-top .eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.current-top .live{float:none;margin:0}.current-location-tools{align-items:center}
/* Fixed full-window graphs: pointer inspection only, no panning or timeline scrolling. */
.graph-content{overflow:visible;overscroll-behavior:auto}.graph-content>.env-plot,.env-chart-card>.env-plot,.sounding-disclosure .graph-content>.env-plot{min-width:0!important;width:100%!important;max-width:100%;overflow:hidden;touch-action:pan-y}.env-plot .nsewdrag,.env-plot .draglayer{touch-action:pan-y!important}.sounding-disclosure .env-chart-card{overflow:hidden}.weather-expanded:not(.radar-expanded) .graph-content{overflow:hidden}.env-chart-head output{white-space:normal!important;font-size:12px!important;line-height:1.45;overflow-wrap:anywhere}.weather-expanded .env-chart-head output{max-width:100%}
.env-plot{position:relative}.env-chart-head output{display:none!important}.graph-inspector{position:absolute;top:8px;right:8px;z-index:30;max-width:calc(100% - 24px);padding:8px 12px;border:1px solid #8acaff;border-radius:8px;background:#102b46;color:#fff;box-shadow:0 3px 14px #0006;pointer-events:none;line-height:1.35;text-align:left}.graph-inspector strong{display:block;font:800 19px Manrope,sans-serif;color:#fff}.graph-inspector time{display:block;margin-top:3px;font:700 12px 'DM Sans',sans-serif;color:#d8edff}.graph-inspection-line{position:absolute;z-index:20;width:0;border-left:2px dashed #54b9ff;pointer-events:none}.env-plot .hoverlayer .hovertext,.env-plot .hoverlayer .axistext{display:none!important}.weather-expanded .graph-inspector strong{font-size:22px}.weather-expanded .graph-inspector time{font-size:13px}

/* Reserve a full-width reading strip above the plot, never over its data. */
.graph-inspector{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:100%;box-sizing:border-box;margin:0 0 8px;padding:8px 10px;border:1px solid #8acaff;border-radius:7px;background:#102b46;color:#fff;box-shadow:none;white-space:nowrap;line-height:1.3}
.graph-inspector strong{display:inline;font-size:18px;white-space:nowrap}
.graph-inspector time{display:inline;margin:0;font-size:12px;white-space:nowrap}
.weather-expanded .env-chart-card .graph-content>.graph-inspector{display:flex!important}
@media(max-width:600px){.graph-inspector strong,.weather-expanded .graph-inspector strong{font-size:16px}.graph-inspector time,.weather-expanded .graph-inspector time{font-size:11px}}
@media(max-width:360px){.graph-inspector strong,.weather-expanded .graph-inspector strong{font-size:14px}.graph-inspector time,.weather-expanded .graph-inspector time{font-size:10px}}
/* Per-graph inspection replaces the old shared winter hour slider. */
#winter-inspect,#winter-inspect-time,label[for="winter-inspect"]{display:none!important}

/* Align the live reading with the maximum/minimum cards above it. */
.graph-content>.graph-inspector{width:calc(100% - 40px);max-width:calc(100% - 40px);margin:8px 20px 12px}

/* Keep the brand tagline directly beneath the WeatherScope wordmark. */
header .brand{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;row-gap:1px;align-items:center;justify-content:start}
header .brand .scope-logo{grid-column:1;grid-row:1 / 3}
header .brand .brand-name{grid-column:2;grid-row:1;line-height:1.12}
header .brand .tag{display:block!important;grid-column:2;grid-row:2;margin:0;padding:0;border:0;font-size:9px;line-height:1.2;letter-spacing:1.5px;white-space:nowrap}
@media(max-width:600px){header .brand{column-gap:8px;row-gap:2px}header .brand .tag{font-size:7px;letter-spacing:1.1px}}

/* Beta layout: compact alerts, centered forecast guidance and clear touch controls. */
#today-symbol{display:none!important}.today-banner{display:block!important;text-align:center!important;height:auto!important;min-height:0!important;padding:18px 4%!important;box-sizing:border-box}.today-banner[hidden]{display:none!important}.today-content{width:100%;max-width:1100px;margin:auto!important;text-align:center!important}.today-heading{display:flex!important;justify-content:center!important;align-items:center;flex-wrap:wrap;gap:6px 12px!important}.today-content h2,.today-content p{text-align:center!important;margin:5px auto!important}.today-content #today-source{line-height:1.5}.today-content #today-spc{display:inline-flex;margin:8px auto 0}.today-content #today-spc[hidden]{display:none}
.current-location-tools .searchbar{gap:5px;padding:4px}.current-location-tools .searchbar button{border:1px solid #456f9a!important;border-radius:6px!important;min-height:40px}.current-location-tools .searchbar input{min-width:0;font-size:16px!important}.current-location-tools .searchbar button:focus-visible{outline:2px solid #1b5b9e;outline-offset:2px}
html,body{max-width:100%;overflow-x:clip}input,select,textarea{font-size:16px!important}#local-alert-panel .cardhead{flex-wrap:wrap;gap:8px}#alerts-toggle{font-size:12px;padding:7px 10px}#local-alerts .alert{padding:0;overflow:hidden}#local-alerts .alert-details-button{display:grid;grid-template-columns:1fr auto;gap:5px 12px;width:100%;margin:0;padding:14px 16px;text-align:left;background:transparent;color:inherit;border:0;border-radius:0}#local-alerts .alert-details-button strong{grid-column:1;font-size:15px}#local-alerts .alert-details-button>span:not(.alert-open-icon){grid-column:1;font-size:12px;font-weight:500}.alert-open-icon{grid-column:2;grid-row:1 / 3;align-self:center;font-size:22px}#detail-body p,.radar-alert-body p{white-space:pre-line!important;line-height:1.65;overflow-wrap:break-word;word-break:normal}#detail-body h3{line-height:1.5}
#overview .radar-below-details{display:none!important}.storm-report-marker{cursor:pointer;pointer-events:all}
.daytabs button[data-spc-day]{background:var(--day-fill,var(--panel,#e5edf7))!important;color:var(--day-ink,var(--text,#173859))!important;border:1px solid #65758b!important;min-height:42px}.daytabs button.selected{outline:3px solid #4da8ff;outline-offset:2px}.daytabs{display:flex;flex-wrap:wrap;gap:9px!important}.daytabs button{white-space:nowrap}#spc-extended-control[hidden]{display:none!important}#storm>#selected-threat{margin:0 0 16px}#local-alert-panel[hidden]{display:none!important}.sounding-disclosure>summary small{display:block;font:600 11px 'DM Sans',sans-serif;letter-spacing:.2px;margin-top:5px;color:#6baee8}.sounding-calculation-info{margin:18px 20px;padding:14px;border:1px solid #7991a8;border-radius:8px;font-size:12px}.sounding-calculation-info summary{cursor:pointer;font-weight:700}.sounding-calculation-info p{line-height:1.6}.graph-peak.graph-level-moderate{background:#fff9d6!important;border-color:#d4b62f!important;color:#715900!important}[data-theme="dark"] .graph-peak.graph-level-moderate{background:#3b3515!important;border-color:#c6b24a!important;color:#ffea83!important}#winter-csv{display:none!important}
@media(max-width:600px){.today-banner{padding:14px 5%!important}.today-content h2{font-size:20px!important;line-height:1.3!important}.daytabs{width:100%}.daytabs button{flex:1;padding:8px 7px;font-size:12px}.outlook-toolbar{min-width:0}.outlook-toolbar label{max-width:100%}.outlook-toolbar select{max-width:100%}.sounding-disclosure>summary{font-size:17px}.graph-inspector{gap:4px;padding:8px}.graph-inspector strong{font-size:13px}.graph-inspector time{font-size:10px}}
/* Quiet notice controls and a clear expandable advanced-graphs heading. */
#alerts-dismiss{font-size:12px;padding:7px 11px;min-height:36px}.selected-threat{position:relative}.selected-threat .notice-dismiss{float:right;margin:0 0 8px 12px;padding:6px 10px;min-height:34px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:6px;font-weight:700;font-size:12px}.sounding-disclosure>summary{position:relative;display:list-item;list-style:disclosure-closed;border:2px solid #62b3f2;border-radius:9px;padding:16px 20px;background:#173653;color:#f4f9ff;cursor:pointer}.sounding-disclosure[open]>summary{list-style:disclosure-open;border-radius:9px 9px 0 0}.sounding-disclosure>summary .advanced-title{font-weight:800}.sounding-disclosure>summary small{color:#b8dcff}.advanced-expand-hint{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:9px;border-top:1px solid #759abb;font:700 12px 'DM Sans',sans-serif;color:#d9efff}.advanced-expand-hint>span{font-size:22px;line-height:1}.sounding-disclosure[open] .advanced-expand-hint{font-size:0}.sounding-disclosure[open] .advanced-expand-hint::before{content:'Storm graphs expanded · tap to collapse';font-size:12px}.sounding-disclosure[open] .advanced-expand-hint>span{transform:rotate(180deg)}
#storm .map-layer-details{display:none!important}.spc-layer-resources{padding:10px 14px}#parameter-guide-open{font-size:12px;padding:10px 14px;border:1px solid #6893b9;border-radius:7px;background:#e3f1ff;color:#16436b}#parameter-guide{width:min(960px,94vw);max-height:90dvh;padding:0;border:2px solid #87acd0;border-radius:12px;background:var(--panel,#fff);color:var(--text,#17283a);box-shadow:0 15px 65px #0008}#parameter-guide::backdrop{background:#071421aa}.parameter-guide-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #7890a7;position:sticky;top:0;background:var(--panel,#fff);z-index:1}.parameter-guide-heading h2{margin:0;font-size:20px}.parameter-guide-heading button{flex:none;min-height:40px}.parameter-guide-content{padding:14px 20px;line-height:1.6;font-size:12px}.parameter-guide-content .env-table-scroll{max-height:58dvh;overflow:auto}.parameter-guide-content .ingredient-table{min-width:690px;width:100%}.parameter-guide-content td,.parameter-guide-content th{padding:10px;border-bottom:1px solid #7890a7;text-align:left}.parameter-guide-content p{margin:16px 0}.footer-brand{margin-top:28px;padding:20px 16px;background:#0c1826;border:1px solid #31475c;border-radius:9px;color:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;font:500 12px 'DM Sans',sans-serif;text-align:center;line-height:1.6}.footer-wordmark{display:inline-flex;gap:8px;align-items:center;font:800 20px Manrope,sans-serif;color:#fff}.scope-blue{color:#78c9ff}.footer-wordmark img{width:30px;height:30px;flex:none}.footer-producer{color:#e5eef7}
@media(max-width:600px){.selected-threat .notice-dismiss{float:none;display:block;margin:0 0 10px auto}.sounding-disclosure>summary{padding:14px 16px}.parameter-guide-heading{padding:12px}.parameter-guide-heading h2{font-size:17px}.parameter-guide-content{padding:10px 12px}.footer-brand{padding:16px 12px;gap:5px;font-size:11px}.footer-producer{flex-basis:100%}.footer-wordmark{font-size:18px}}
#parameter-guide .ingredient-table{font-size:12px}#parameter-guide .parameter-guide-content p{color:inherit}[data-theme="dark"] #parameter-guide,[data-theme="dark"] .parameter-guide-heading{background:#172b40;color:#e4efff}[data-theme="dark"] #parameter-guide a{color:#9bd1ff}[data-theme="dark"] #parameter-guide-open{background:#1c4267;color:#d9eeff}
#today-banner{position:relative;padding-left:48px!important;padding-right:48px!important}#today-dismiss{position:absolute;right:10px;top:10px;width:30px;height:30px;min-height:30px;padding:0;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font-size:15px;line-height:1}

/* Branded signature introduces the text credits; the producer is a quiet admin link. */
.footer-brand{margin:28px 0 18px;display:flex;flex-direction:column;gap:7px}.footer-name-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.footer-producer{display:block;flex-basis:auto;width:100%;line-height:1.6}.footer-admin-credit,.footer-admin-credit:visited,.footer-admin-credit:hover,.footer-admin-credit:active,.footer-admin-credit:focus{color:inherit!important;text-decoration:none!important;font:inherit;cursor:pointer}.footer-brand+footer{margin-top:0}
@media(min-width:375px) and (max-width:600px){.footer-name-line{flex-wrap:nowrap;gap:4px}.footer-name-line>.footer-wordmark{font-size:16px;gap:6px}.footer-wordmark img{width:24px;height:24px}.footer-name-line>span:not(.footer-wordmark){font-size:10px;white-space:nowrap}}

/* Keep source credits accessible inside a closed, native disclosure in the signature. */
.footer-brand .legal-notices{width:100%;margin-top:6px;text-align:center}.legal-notices>summary{display:inline-block;text-decoration:underline;text-underline-offset:3px;font:500 11px 'DM Sans',sans-serif;color:#d7e8f9;cursor:pointer;list-style:none;padding:4px 0}.legal-notices>summary::-webkit-details-marker{display:none}.legal-notices-content{margin-top:14px;padding-top:12px;border-top:1px solid #36516b;text-align:left;color:#cbd9e6}.legal-notices-content footer{margin:0 0 12px;padding:0 0 12px;border-color:#36516b;gap:10px;flex-wrap:wrap}.legal-notices-content .data-credits,.legal-notices-content .safety{color:#cbd9e6!important;line-height:1.7;margin:10px 0}.legal-notices-content a,.legal-notices-content footer span{color:#cbd9e6!important}.legal-notices-content .safety{padding:10px 0 0}.legal-notices-content .relocated-map-credit{color:#cbd9e6!important}

/* Desktop banner: centered source attribution above its SPC destination. */
@media(min-width:1025px){body>#today-banner .today-footer{flex-direction:column;align-items:center;justify-content:center;gap:8px}body>#today-banner #today-source{display:block;flex:0 1 auto;max-width:100%;text-align:center}body>#today-banner #today-spc{align-self:center;margin:0 auto}}

/* Official probabilities and explicitly experimental ingredient maps share SPC navigation. */
.outlook-day-and-tools{display:flex;flex-direction:column;gap:9px;min-width:0}.tornado-map-buttons{display:flex;flex-wrap:wrap;gap:7px}.tornado-map-buttons button{font-size:12px;line-height:1.4;padding:9px 12px;border:1px solid #557da8;border-radius:7px;background:transparent;color:inherit}.tornado-map-buttons button[aria-pressed=true]{background:#174b7c;color:#fff;box-shadow:0 0 0 2px #70b8f2}.tornado-map-info{margin:14px 0;padding:15px;border:1px solid #739ac0;border-radius:10px;background:rgba(76,145,205,.08);overflow-wrap:anywhere}.tornado-map-info[hidden]{display:none}.tornado-map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tornado-map-heading h3{margin:0;font-size:20px}.tornado-map-info p{line-height:1.65;margin:9px 0}.tornado-point{font-weight:700}.tornado-map-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.tornado-map-options label{display:flex;align-items:center;gap:7px;font-size:12px}.tornado-intensity-legend{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px}.cig-key{display:inline-block;width:28px;border-top:3px dashed #162532;box-shadow:0 -1px 0 #fff,0 1px 0 #fff;margin-right:6px;vertical-align:middle}.cig-2{border-top-style:dotted}.cig-3{border-top-style:solid}#tornado-method{margin-top:12px;font-size:12px;line-height:1.7}#tornado-method summary{cursor:pointer;text-decoration:underline}#tornado-method-text p{font-size:12px}.experimental-cell-label{background:#102b43;color:#fff;font:bold 13px 'DM Sans',sans-serif;padding:3px 6px;border:1px solid #fff;border-radius:5px;white-space:nowrap;text-align:center;box-shadow:0 1px 4px #0008}.tornado-sample-popup{max-width:290px;line-height:1.6}.tornado-sample-popup strong{font-size:16px}.tornado-score-key{display:flex;gap:8px;flex-wrap:wrap}.tornado-score-key span{padding:4px 8px;border-radius:4px;color:#fff}.tornado-map-info button{max-width:100%}@media(max-width:600px){.outlook-day-and-tools{width:100%}.tornado-map-buttons button{flex:1 1 140px;white-space:normal}.tornado-map-info{padding:12px}.tornado-map-heading h3{font-size:18px}.tornado-map-options{align-items:flex-start;flex-direction:column}}

.radar-alert-toggles{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px 14px;max-width:100%}.radar-alert-toggles label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px}.radar-alert-toggles input{margin:0;accent-color:#409ee5}.footer-name-line>span:not(.footer-wordmark){white-space:normal}@media(min-width:375px) and (max-width:600px){.footer-name-line>span:not(.footer-wordmark){font-size:10px;white-space:nowrap}}

.spc-nearby-radar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 14px;border-bottom:1px solid #6688a64d}.spc-nearby-radar label{display:flex;align-items:center;gap:7px;font-size:12px}.spc-nearby-radar input[type=range]{width:90px}.spc-nearby-radar input[type=checkbox]{accent-color:#399bdf}.spc-nearby-radar span{font-size:11px;line-height:1.6;flex:1 1 300px;overflow-wrap:anywhere}.spc-nearby-radar input{max-width:100%}.spc-radar-site{line-height:1.6}@media(max-width:600px){.spc-nearby-radar{gap:8px 12px;padding:10px}.spc-nearby-radar span{flex-basis:100%}}

/* Keep SPC map actions inset over imagery and the product aligned with day tabs. */
.spc-map-actions{display:flex;align-items:center;gap:7px;top:12px;right:12px}.spc-map-actions #spc-national,.spc-map-actions #spc-local,.spc-map-actions #tornado-resample{height:42px;min-height:42px;padding:0 12px;border:1px solid #94a3b8;background:#fff;color:#173859;font:700 12px 'DM Sans',sans-serif;border-radius:9px;box-shadow:0 2px 10px #0004}.is-expanded .spc-map-actions{display:flex}.is-expanded .spc-map-actions .weather-expand-button{display:none}
.compact-map-card .outlook-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:16px;row-gap:8px;padding:14px}.outlook-toolbar .outlook-day-and-tools{grid-column:1;grid-row:1 / span 2;width:auto}.compact-map-card .outlook-toolbar>label[for="spc-product"]{grid-column:2;grid-row:1;justify-self:end;align-items:center;flex-direction:row;min-height:42px;width:auto;gap:10px;font-size:11px}.outlook-toolbar #spc-extended-control{grid-column:2;grid-row:2;justify-self:end}.compact-map-card .outlook-toolbar>label[hidden]{display:none}
@media(max-width:800px){.compact-map-card .outlook-toolbar{grid-template-columns:minmax(0,1fr);gap:12px}.outlook-toolbar .outlook-day-and-tools{grid-column:1;grid-row:1}.compact-map-card .outlook-toolbar>label[for="spc-product"]{grid-column:1;grid-row:2;justify-self:end;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.outlook-toolbar #spc-extended-control{grid-column:1;grid-row:3}.outlook-toolbar #spc-product{width:auto;max-width:100%}.spc-map-actions{top:10px;right:10px}}

@media(min-width:801px){.compact-map-card .outlook-toolbar>label[for="spc-product"]{margin-top:4px}.outlook-toolbar #spc-product{height:43px;box-sizing:border-box}}

/* Center the SPC product selector on phones only. */
@media(max-width:600px){.compact-map-card .outlook-toolbar>label[for="spc-product"]{justify-self:center;justify-content:center;text-align:center;flex-direction:column;flex-wrap:nowrap;gap:6px;width:auto;max-width:100%}.outlook-toolbar #spc-product{max-width:100%;text-align:center}}

@media(max-width:600px){#spc-map{scroll-margin-top:12px}}

.spc-map-actions{max-width:calc(100% - 20px)}.spc-map-actions #tornado-resample{white-space:nowrap}

@media(max-width:600px){#spc-outlook-controls{scroll-margin-top:8px}}

.spc-map-product-overlay{display:none}
@media(max-width:600px){.spc-map-product-overlay{display:block;position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:800;width:min(280px,calc(100% - 32px))}.spc-map-product-overlay label{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 9px;background:#fffef5f2;color:#173859;border:1px solid #94a3b8;border-radius:9px;box-shadow:0 2px 10px #0004;font-size:9px;font-weight:700;letter-spacing:.5px;text-align:center}.spc-map-product-overlay #spc-product{display:block;width:100%;max-width:100%;min-height:40px;border:1px solid #94a3b8;border-radius:6px;background:#fff;color:#173859;font:500 16px 'DM Sans',sans-serif;padding:6px;text-align:center}.spc-map-product-overlay label[hidden]{display:none}[data-theme="dark"] .spc-map-product-overlay label{background:#152a3bf2;color:#e2e7ec;border-color:#6d8296}[data-theme="dark"] .spc-map-product-overlay #spc-product{background:#202933;color:#e2e7ec;border-color:#6d8296}}

#spc-radar-status[hidden]{display:none}

header .brand .tag{font-weight:700}

/* All weather banners use the navigation width on phones, tablets and desktop. */
body>#today-banner,body>#broadcast-banner,body>#meso-banner,#selected-threat,#storm>#selected-threat,#winter-impact,#local-alert-panel{box-sizing:border-box;width:var(--weather-menu-width,92%);max-width:none;margin-inline:calc((100% - var(--weather-menu-width,92%))/2)}

/* Match the app's rounded cards while preserving each notice's threat colors. */
body>#today-banner,body>#broadcast-banner,body>#meso-banner,#selected-threat,#winter-impact,#local-alert-panel{border-radius:14px;outline:1px solid #33415540;outline-offset:0}
[data-theme="dark"] body>#today-banner,[data-theme="dark"] body>#broadcast-banner,[data-theme="dark"] body>#meso-banner,[data-theme="dark"] #selected-threat,[data-theme="dark"] #winter-impact,[data-theme="dark"] #local-alert-panel{outline-color:#cbd5e159}

.alert-feed-status{font-size:11px;line-height:1.5;margin:0;padding:0 20px 12px;overflow-wrap:anywhere}

/* Alert type, rather than severity wording, controls watch/warning card colors. */
.top-alerts .alert.alert-watch{background:#fff3bf;color:#5f4500;border:1px solid #d5ab28;border-left:4px solid #c69600}
.top-alerts .alert.alert-warning{background:#ffe2df;color:#7e211d;border:1px solid #d14d40;border-left:4px solid #b72523}
[data-theme="dark"] .top-alerts .alert.alert-watch{background:#493d13;color:#fff0b4;border-color:#d5af45}
[data-theme="dark"] .top-alerts .alert.alert-warning{background:#471f20;color:#ffe0da;border-color:#ed8277}
.top-alerts .alert.alert-watch .alert-details-button,.top-alerts .alert.alert-warning .alert-details-button{background:transparent;color:inherit;border:0;box-shadow:none}
.top-alerts[data-alert-level="watch"]{border-left-color:#c69600}.top-alerts[data-alert-level="warning"]{border-left-color:#b72523}

/* Suppress iOS text selection and image callouts only within interactive maps. */
.leaflet-container,.leaflet-container *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.leaflet-container :is(input,textarea,select,option,.leaflet-popup-content,.leaflet-popup-content *){-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}

.mobile-alert-count{display:none}
@media(max-width:600px){.top-alerts .cardhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.top-alerts .cardhead h2{flex:1 0 100%;min-width:0;margin:0}.top-alerts .cardhead #alert-count{display:none}.mobile-alert-count{display:inline}.top-alerts .cardhead #alerts-dismiss,.top-alerts .cardhead #alerts-toggle{flex:1 1 0;min-width:0;min-height:36px;margin:0;padding:6px 8px;font-size:12px;line-height:1.3;white-space:normal}}

/* Compact severe-weather notices: heading followed by action buttons. */
#meso-banner{flex-direction:column;gap:10px}
#today-banner:is(.today-red,.today-yellow){padding:14px 16px!important}
#today-banner:is(.today-red,.today-yellow) :is(.today-heading,#today-text,#today-action,#today-source){display:none!important}
#today-banner:is(.today-red,.today-yellow) h2{margin:0 0 10px;padding:0}
#today-banner:is(.today-red,.today-yellow) .today-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0}
#today-banner:is(.today-red,.today-yellow) #today-dismiss{position:static;float:none;display:inline-block;width:auto;flex:0 0 auto;white-space:nowrap;min-height:40px;margin:0;padding:7px 12px;font-size:12px;line-height:1.4;font-weight:800;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit}

.outlook-panel .basemap-toolbar{display:none}
#spc-status{font-size:12px;line-height:1.5;margin:0;padding:10px 14px}

/* One shared content rail, including the broadcast card. */
body:not(.notice-admin)>main{width:var(--weather-menu-width,92%);max-width:none;margin-inline:auto;padding-inline:0}
#broadcast .broadcast-card{width:100%;max-width:none}
/* Equal action buttons; every dismissible banner keeps Dismiss in the right column. */
.banner-actions,body>#today-banner .today-footer.banner-actions,#today-banner:is(.today-red,.today-yellow) .today-footer.banner-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(420px,100%);margin:10px auto 0;align-items:stretch}
.banner-actions.single-action{grid-template-columns:1fr;width:min(206px,100%)}
.banner-actions>.banner-dismiss{grid-column:2}
.banner-actions>:is(button,a){box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:static!important;float:none!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:6px 10px!important;font-size:12px!important;line-height:1.25!important;font-weight:700;white-space:normal;text-align:center;text-decoration:none;border:1px solid currentColor;border-radius:7px}
.banner-actions>[hidden]{display:none!important}
#today-banner{padding:14px 16px!important}
#today-banner #today-dismiss{background:transparent;color:inherit}
#local-alert-panel .local-alert-actions{width:min(420px,calc(100% - 40px));margin:0 auto 12px}
#local-alert-panel .alert-feed-status{padding-top:0}
#selected-threat .banner-actions{margin:10px auto}

/* Use the same measured button width across every banner, even with different card padding. */
.banner-actions,body>#today-banner .today-footer.banner-actions,#today-banner:is(.today-red,.today-yellow) .today-footer.banner-actions,#local-alert-panel .local-alert-actions{width:min(420px,calc(var(--weather-menu-width,100vw) - 64px));max-width:none}
.banner-actions.single-action{width:min(206px,calc((var(--weather-menu-width,100vw) - 72px)/2))}

#meso-banner .banner-actions{display:grid}
.banner-actions>:is(button,a){display:flex!important}
.banner-actions>[hidden]{display:none!important}

/* Full-viewport, high-priority emergency notice; no flashing or animated effects. */
#tornado-emergency-dialog{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:clamp(20px,5vw,72px);border:6px solid #ffdb4d;border-radius:0;background:#850c12;color:#fff;overflow:auto;text-align:center;z-index:2147483647}
#tornado-emergency-dialog::backdrop{background:#250000}
#tornado-emergency-dialog .emergency-content{max-width:1000px;margin:auto}
#tornado-emergency-dialog h2{font:900 clamp(28px,5vw,62px)/1.12 Manrope,sans-serif;letter-spacing:-.6px;margin:20px 0 24px;color:#fff;white-space:normal}
#tornado-emergency-dialog p,#tornado-emergency-dialog h3{color:#fff}
#tornado-emergency-dialog .emergency-source{font-weight:800;letter-spacing:1px;font-size:13px}
#tornado-emergency-dialog .emergency-locations{background:#57090e;border:1px solid #ffb3b3;border-radius:12px;padding:14px 18px;text-align:left}
#tornado-emergency-dialog .emergency-locations h3{font-size:17px;font-weight:800;margin:0 0 8px}
#tornado-emergency-dialog .emergency-locations p{font-size:clamp(16px,2vw,21px);line-height:1.5;margin:7px 0;overflow-wrap:anywhere}
#tornado-emergency-dialog .emergency-locations .emergency-area{font-size:14px}
#tornado-emergency-dialog .emergency-shelter{font-size:clamp(17px,2vw,23px);font-weight:800;line-height:1.45;margin:22px 0 12px}
#tornado-emergency-dialog #tornado-emergency-valid{font-size:13px}
#tornado-emergency-dialog .banner-actions{width:min(420px,100%);margin:20px auto}
#tornado-emergency-dialog button{background:#fff;color:#750a10;border-color:#fff}
#tornado-emergency-dialog #tornado-emergency-ack{background:#ffdf57;color:#270000;border-color:#ffdf57}
#tornado-emergency-test{padding:10px;background:#facc15;color:#111!important;font-weight:900;font-size:15px;border:2px solid #111}

body>#pds-watch-banner{box-sizing:border-box;width:var(--weather-menu-width,92%);max-width:none;margin-inline:calc((100% - var(--weather-menu-width,92%))/2);padding:14px 16px;border:1px solid #c4a6ed;border-radius:14px;outline:1px solid #cbd5e159;background:#64319a;color:#fff;display:flex;flex-direction:column;gap:0;text-align:center}
#pds-watch-banner[hidden]{display:none}
#pds-watch-banner .banner-actions{display:grid}
#pds-watch-banner button{background:#fff;color:#52227f;border-color:#fff}
#pds-watch-banner #pds-watch-dismiss{background:transparent;color:#fff}
#pds-watch-banner strong{font-size:17px;font-weight:800;line-height:1.4}

/* Tablet: keep the outlook selector beside the day buttons. */
@media(min-width:601px) and (max-width:1200px){
 #spc-outlook-controls{display:grid;grid-template-columns:minmax(0,1fr) clamp(170px,28vw,230px);align-items:center;column-gap:12px;row-gap:9px}
 #spc-outlook-controls .outlook-day-and-tools{display:contents}
 #spc-outlook-controls .daytabs{grid-column:1;grid-row:1;width:100%;min-width:0;gap:3px}
 #spc-outlook-controls .daytabs button{flex:1;min-width:0;min-height:40px;padding:8px 6px;font-size:12px;white-space:nowrap}
 #spc-outlook-controls>label[for="spc-product"]{grid-column:2;grid-row:1;display:block;width:auto;max-width:100%;margin:0;padding:0;font-size:0;line-height:0;letter-spacing:0}
 #spc-outlook-controls #spc-product{width:100%;max-width:100%;height:48px;margin:0;font-size:13px;line-height:normal}
 #spc-outlook-controls .tornado-map-buttons{grid-column:1/-1;grid-row:2}
 #spc-outlook-controls>#spc-home,#spc-outlook-controls>#spc-extended-control{grid-column:1/-1}
}

/* Center lone dismiss actions and equal-size action groups. */
.banner-actions,body>#today-banner .today-footer.banner-actions,#today-banner:is(.today-red,.today-yellow) .today-footer.banner-actions,#local-alert-panel .local-alert-actions,#meso-banner .banner-actions,#pds-watch-banner .banner-actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%}
.banner-actions>:is(button,a){flex:0 1 150px;width:auto!important;max-width:180px;height:44px!important;max-height:44px;min-height:44px!important;grid-column:auto}
#site-notice-dismiss{display:block;margin:18px auto 0}
.top[hidden]{display:none!important}

/* Winter graphs begin compact on desktop and phone; Inspect replaces the plus control. */
.winter-graph-collapsed:not(.is-expanded)>.graph-content,.winter-graph-collapsed:not(.is-expanded)>.env-chart-head>.weather-expand-button{display:none!important}.winter-graph-collapsed>.env-chart-head{padding-bottom:18px}.winter-inspect-button{margin-left:auto;flex:none;min-height:38px;padding:8px 12px;font-size:12px;font-weight:750}.is-expanded .winter-inspect-button{display:none}.production-launchers{display:flex;flex-wrap:wrap;gap:10px}

/* Winter inspection is a large centered popup with the surrounding page visible. */
.weather-expanded.winter-inspect-popup{inset:0;width:min(1200px,calc(100vw - 64px));height:min(760px,calc(100dvh - 80px));max-width:1200px;max-height:calc(100dvh - 80px);margin:auto;border:1px solid #799abf;border-radius:14px;box-shadow:0 20px 90px #0009;overflow:hidden}.weather-expanded.winter-inspect-popup::backdrop{background:#07111eb3}.winter-inspect-popup .expand-bar{flex:none}.winter-inspect-popup .expand-body{min-height:0}@media(max-width:650px){.weather-expanded.winter-inspect-popup{width:calc(100vw - 24px);height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);border-radius:12px}.winter-inspect-popup .expand-bar{padding:10px 12px}.winter-inspect-popup .expand-body{padding:8px}}
