/* Shared APK/PWA weather controls: brick phones first, all widths use one D BRIEF. */
.wx-location-picker label{display:block;font-size:18px;font-weight:600;}
.wx-location-picker p{line-height:1.5;}
.wx-location-search{box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;border:1px solid #809b93;border-radius:8px;background:#102e29;color:#fff;font:16px var(--font);}
.wx-location-search::placeholder{color:#c6d4ce;}
.wx-location-results{display:grid;gap:8px;}
.wx-location-results button{min-height:48px;padding:10px 12px;border:1px solid #809b93;border-radius:8px;background:#214a40;color:#fff;font:16px var(--font);text-align:left;}
.wx-location-picker :is(input,button):focus-visible{outline:3px solid #ffdb45;outline-offset:2px;}
.weather-time-dock{position:absolute;z-index:700;left:calc(10px + var(--safe-area-left,0px));right:calc(10px + var(--safe-area-right,0px));bottom:calc(20px + var(--safe-area-bottom,0px));color:#fff;font-family:var(--font);pointer-events:none;text-shadow:0 1px 3px #09141d,1px 0 2px #09141d,-1px 0 2px #09141d;}
.weather-time-dock[hidden]{display:none;}
.weather-time-dock :is(button,input){pointer-events:auto;}
.weather-timebar{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:0;background:transparent;border:0;box-shadow:none;}
.weather-time-play{grid-column:1;grid-row:1;width:44px;height:44px;padding:0;border:1.5px solid #ffdb45;border-radius:10px;color:#ffdb45;background:#102330dd;font-size:18px;}
.weather-time-readout{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column:2/4;align-items:center;gap:0 6px;min-width:0;}
.weather-time-readout strong{font:400 17px/1.15 var(--font-mono);white-space:nowrap;}
.weather-time-readout>span{font-size:12px;grid-column:1;}
.weather-time-now{grid-column:2;grid-row:1/3;min-height:44px;padding:0 3px;border:0;background:transparent;text-align:right;color:#ffdb45;font:700 12px var(--font);text-decoration:underline;text-shadow:inherit;}
.weather-time-now[hidden]{display:none;}
.weather-time-track{grid-column:1/-1;min-width:0;}
.weather-time-track input{appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y;}
.weather-time-track input::-webkit-slider-runnable-track{height:7px;border-radius:4px;background:#607784;border:1px solid #102330;box-shadow:0 1px 2px #0009;}
.weather-time-track input::-moz-range-track{height:7px;border-radius:4px;background:#607784;border:1px solid #102330;}
.weather-time-track input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;margin-top:-8px;background:#ffdb45;border:2px solid #102330;border-radius:50%;}
.weather-time-track input::-moz-range-thumb{width:22px;height:22px;background:#ffdb45;border:2px solid #102330;border-radius:50%;}
.weather-time-ticks{display:flex;justify-content:space-between;gap:4px;font:11px/14px var(--font-mono);}
.weather-time-ticks span{position:static;white-space:nowrap;}
.weather-timebar :focus-visible{outline:3px solid #ffdb45;outline-offset:2px;}
.weather-installation-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;}
.weather-installation-chip{display:flex;align-items:center;min-height:44px;max-width:calc(100% - 52px);padding:0 12px;border:1px solid #ffdb45;border-radius:10px;background:#102330dd;color:#ffdb45;font:600 14px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none;}
.weather-installation-chip.is-unset{border-style:dashed;border-color:#c5d4dc;color:#fff;}
.weather-column{position:absolute;z-index:710;left:calc(10px + var(--safe-area-left,0px));top:calc(62px + var(--safe-area-top,0px));display:grid;grid-template-columns:repeat(2,44px);align-content:start;gap:6px;width:96px;box-sizing:border-box;padding:1px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8096a1 transparent;}
.weather-column[hidden],.weather-view-toggle[hidden],.weather-adjustments[hidden]{display:none!important;}
.weather-tile{box-sizing:border-box;flex:none;width:44px;height:48px;min-height:44px;border:1px solid #657985;border-radius:10px;padding:3px 1px;background:#112330ee;color:#eef2f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;}
.weather-tile svg{width:24px;height:24px;flex:none;}
.weather-tile>span{font:700 8px/10px var(--font);letter-spacing:0;white-space:nowrap;}
.weather-tile[aria-pressed="true"]{background:#ffdb45;border-color:#ffdb45;color:#10212b;}
.weather-view-toggle{position:absolute;z-index:712;left:calc(114px + var(--safe-area-left,0px));top:calc(62px + var(--safe-area-top,0px));}
.weather-adjustments{position:absolute;z-index:711;left:calc(114px + var(--safe-area-left,0px));top:calc(118px + var(--safe-area-top,0px));width:128px;color:#d4e0e5;text-shadow:0 1px 3px #09141d,1px 0 2px #09141d,-1px 0 2px #09141d;}
.weather-map-time{display:block;font:500 10px/13px var(--font);margin-bottom:3px;}
html[data-theme] body.weather-redesign .weather-adjustments #weather-layer-strength{position:static!important;width:auto!important;max-width:none!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-shadow:inherit!important;}
.weather-adjustments #weather-layer-strength{gap:0!important;}
.weather-adjustments .weather-layer-strength-label{font-size:9px;line-height:11px;gap:2px;}
.weather-adjustments input[type="range"]{appearance:none;width:100%;height:44px;min-height:44px;margin:0;background:transparent;touch-action:pan-y;}
.weather-adjustments input[type="range"]::-webkit-slider-runnable-track{height:3px;background:#78949a;border-radius:2px;box-shadow:0 1px 2px #0008;}
.weather-adjustments input[type="range"]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4.5px;background:#c3d8dc;border:1px solid #526b75;border-radius:50%;}
.weather-adjustments input[type="range"]::-moz-range-track{height:3px;background:#78949a;border-radius:2px;}
.weather-adjustments input[type="range"]::-moz-range-thumb{width:12px;height:12px;background:#c3d8dc;border:1px solid #526b75;border-radius:50%;}
.weather-adjustments #wind-particle-density[hidden]{display:none!important;}
.weather-redesign :is(.weather-tile,.weather-installation-chip):focus-visible{outline:3px solid #fff;outline-offset:1px;}
.weather-search-toggle{margin-left:auto;}
.weather-search-guide{display:none;}
body.weather-redesign.weather-search-open .weather-search-guide{display:block;padding:10px 12px;margin-bottom:6px;border:1px solid #657985;border-radius:10px;background:#112330;color:#eef2f5;white-space:normal;}
.weather-search-guide label{display:block;font:700 14px/1.35 var(--font);}
.weather-search-guide p{margin:5px 0 0;font:400 12px/1.4 var(--font);color:#c6d4dc;}
body.weather-redesign.weather-search-open .topbar{display:flex!important;z-index:760!important;pointer-events:none!important;visibility:visible!important;}
body.weather-redesign.weather-search-open .topbar .search-stack{display:block!important;position:fixed!important;left:calc(10px + var(--safe-area-left,0px))!important;right:calc(10px + var(--safe-area-right,0px))!important;top:calc(10px + var(--safe-area-top,0px))!important;width:auto!important;max-width:none!important;margin:0!important;visibility:visible!important;pointer-events:auto!important;}
body.weather-redesign.weather-search-open .topbar .search-stack :is(input,button,.search-dd,.dd-item,a){pointer-events:auto!important;visibility:visible!important;}
body.weather-redesign.weather-search-open .search-pill-top{width:100%!important;min-width:0!important;min-height:44px!important;padding:0 12px!important;gap:8px!important;overflow:visible!important;}
body.weather-redesign.weather-search-open .search-pill-top::before,body.weather-redesign.weather-search-open .search-pill-top::after{display:none!important;}
body.weather-redesign.weather-search-open .search-pill-top>svg{display:block!important;}
body.weather-redesign.weather-search-open #search-input{width:100%!important;min-width:0!important;min-height:44px!important;opacity:1!important;}
body.weather-redesign.weather-search-open #search-clear{width:44px!important;min-width:44px!important;min-height:44px!important;opacity:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:24px!important;}
body.weather-redesign.weather-search-open #search-dd{max-height:calc(100dvh - 150px);overflow:auto;}
body.weather-redesign.weather-search-open .dd-item{min-height:44px;}
body.weather-redesign.weather-search-open .dd-item:focus-visible{outline:3px solid #ffdb45;outline-offset:-3px;}
body.weather-redesign.weather-search-open .topbar>:not(.search-stack){visibility:hidden!important;pointer-events:none!important;}
body.weather-redesign.weather-shell-open .app-brand-signoff{display:none!important;visibility:hidden!important;}
body.weather-redesign.weather-shell-open .topbar .search-stack{visibility:hidden;pointer-events:none;}
body.weather-redesign.weather-shell-open .topbar .search-stack :is(button,input,a){pointer-events:none;}
body.weather-redesign.weather-shell-open #weather-band{display:none!important;}
body.weather-redesign.weather-shell-open :is(#native-weather-bar,#focus-bar){display:none!important;}
body.weather-redesign.weather-shell-open #focus-btn{display:none!important;}
html[data-theme] body.weather-redesign.weather-shell-open .topbar .topbar-right-stack .basemap-focus-row{width:96px!important;height:44px!important;}
@media(max-width:600px){body.weather-redesign.weather-shell-open .basemap-focus-row{position:fixed;right:calc(10px + var(--safe-area-right,0px));top:var(--weather-controls-top,86px);}}
body.weather-redesign.weather-shell-open .normal-basemap{position:static!important;gap:8px;}
html[data-theme] body.weather-redesign.weather-shell-open .topbar :is(#basemap-sat,#basemap-map){width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;}
body.weather-redesign.focus-mode .topbar{display:flex!important;visibility:hidden!important;pointer-events:none!important;}
body.weather-redesign.weather-shell-open.focus-mode .basemap-focus-row{position:fixed;right:calc(10px + var(--safe-area-right,0px));top:calc(10px + var(--safe-area-top,0px));visibility:visible!important;pointer-events:auto!important;}
body.weather-redesign.weather-shell-open.focus-mode .normal-basemap button{visibility:visible!important;pointer-events:auto!important;}
body.weather-redesign.weather-search-open .basemap-focus-row{display:none!important;}
body.weather-redesign.focus-mode :is(.weather-column,.weather-view-toggle){top:calc(10px + var(--safe-area-top,0px));}
body.weather-redesign.focus-mode .weather-adjustments{top:calc(66px + var(--safe-area-top,0px));}
html[data-theme] body.weather-redesign.weather-shell-open .app>.layer-map-legend{left:var(--weather-legend-left,114px)!important;right:auto!important;top:var(--weather-legend-top,250px)!important;bottom:auto!important;width:128px!important;max-width:128px!important;max-height:var(--weather-legend-height,180px)!important;overflow-y:auto;box-sizing:border-box;}
body.weather-redesign:has(#settings-modal.open) :is(.weather-column,.weather-time-dock,.weather-view-toggle,.weather-adjustments),body.weather-redesign.detail-panel-open :is(.weather-column,.weather-time-dock,.weather-view-toggle,.weather-adjustments){display:none!important;}
@media(min-width:700px){.weather-time-dock{max-width:760px;right:calc(80px + var(--safe-area-right,0px));}.weather-timebar{grid-template-columns:44px minmax(150px,auto) minmax(0,1fr);gap:8px;}.weather-time-readout{grid-column:2;}.weather-time-track{grid-column:3;}}
@media(orientation:landscape) and (max-height:600px){
 .weather-column,.weather-view-toggle{top:calc(8px + var(--safe-area-top,0px));}
 .weather-view-toggle{left:calc(250px + var(--safe-area-left,0px));}
 .weather-adjustments{top:calc(64px + var(--safe-area-top,0px));}
 .weather-time-dock{left:calc(114px + var(--safe-area-left,0px));right:calc(70px + var(--safe-area-right,0px));}
 .weather-timebar{grid-template-columns:44px minmax(0,1fr) minmax(80px,1fr);gap:6px;}.weather-time-readout{grid-column:2;}.weather-time-track{grid-column:3;}
 .weather-time-readout strong{font-size:15px;}.weather-time-readout>span{font-size:11px;}.weather-time-now{font-size:11px;}
}
.wx-detail{position:fixed;inset:auto 0 18px;box-sizing:border-box;width:100%;max-width:620px;height:66dvh;max-height:calc(100dvh - 24px);margin:0 auto;padding:0;border:1px solid #3a505e;border-bottom:0;border-radius:20px 20px 0 0;background:#0e1822;color:#eef3f5;font-family:var(--font);box-shadow:0 -8px 36px #0006;overflow:hidden;}
.wx-detail[open]{display:flex;flex-direction:column;}
.wx-detail::backdrop{background:#0002;}
.wx-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding:16px 16px 10px;flex:none;}
.wx-head h2{font-size:24px;line-height:1.2;margin:0 0 4px;font-weight:800;}
.wx-close{width:44px;height:44px;flex:none;border:1px solid #62727c;border-radius:10px;background:none;color:#d9e7ec;font-size:28px;}
.wx-selected-time{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:#c4d1d8;}
.wx-selected-time strong{color:#ffdb45;font:18px var(--font-mono);}
.wx-scroll{overflow-y:auto;overscroll-behavior:contain;padding:0 16px 18px;min-height:0;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;}
.wx-scroll>*{flex:none;}
.wx-status{margin:0;font-size:13px;color:#dde6eb;}
.wx-status[hidden]{display:none;}
.wx-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.wx-tile{background:#16232f;border-radius:12px;padding:9px 11px;min-width:0;display:flex;flex-direction:column;gap:3px;}
.wx-wide{grid-column:1/-1;}
.wx-label{color:#c6d4dc;font-size:12px;letter-spacing:.025em;}
.wx-big{display:flex;align-items:baseline;gap:6px;white-space:nowrap;}
.wx-big b{font:32px/1.15 var(--font-mono);font-weight:400;}
.wx-reading{border-radius:3px;padding:0 1px;}
.wx-slash{color:#a9bbc5;font:24px var(--font-mono);}
.wx-unit{color:#c6d4dc;font-size:13px;}
.wx-sub{display:flex;align-items:center;gap:5px;color:#c6d4dc;font-size:12px;line-height:1.4;}
.wx-sub small{font-size:11px;}
.wx-direction,.wx-rain-icon{height:18px;width:18px;flex:none;}
.wx-rain-icon{align-self:center;color:#d9e7ec;}
.wx-chart-head{display:flex;align-items:center;gap:10px;font-size:13px;color:#d5e1e7;}
.wx-chart-head>span{font-size:11px;display:flex;gap:4px;align-items:center;}
.wx-line-key{display:inline-block;width:15px;border-top:2px solid #ffd654;}
.wx-line-key.wx-dashed{border-color:#c3d6df;border-top-style:dashed;}
.wx-play{margin-left:auto;min-width:44px;height:44px;border:1px solid #ffdb45;border-radius:10px;background:none;color:#ffdb45;}
.wx-chart-hit{width:100%;height:160px;cursor:ew-resize;touch-action:pan-y pinch-zoom;}
.wx-chart-hit svg{display:block;width:100%;height:100%;overflow:visible;}
.wx-chart-hit svg text{font:18px var(--font-mono);fill:#c4d1d8;}
.wx-gridline{fill:none;stroke:#72848f;stroke-opacity:.25;stroke-width:1;}
.wx-dayline{fill:none;stroke:#95aab5;stroke-opacity:.25;stroke-width:1;stroke-dasharray:2 4;}
.wx-gust-line{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke;}
.wx-wind-line{fill:none;stroke:#c7dbe4;stroke-width:1.2;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;}
.wx-cursor{fill:none;stroke:#ffdb45;stroke-width:1.5;}
.wx-chart-hit svg .wx-cursor-label{fill:#ffdb45;font-size:16px;}
.wx-markers{display:flex;flex-direction:column;gap:6px;}
.wx-markers button{min-height:44px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;border:1px solid #49606c;border-radius:10px;background:#121e29;color:#edf2f5;font:13px var(--font);text-align:left;}
.wx-markers button span{font:12px var(--font-mono);color:#ffdb45;}
.wx-primary{min-height:48px;background:#ffdb45;color:#10201c;font:700 15px var(--font);border:0;border-radius:12px;}
.wx-footnote{margin:0;font-size:12px;line-height:1.5;color:#bacecf;}
.wx-information{border-top:1px solid #40525a;padding-top:10px;}
.wx-detail :focus-visible{outline:3px solid #ffdb45;outline-offset:2px;}
@media(max-height:500px){.wx-detail{height:85dvh;}.wx-scroll{padding-bottom:12px;}}
.wx-map-note{position:fixed;top:calc(116px + var(--safe-area-top,0px));left:62px;max-width:calc(100vw - 170px);max-height:112px;overflow:auto;background:#0e1822ed;border-radius:6px;padding:5px 7px;margin:0;color:#dbe7ec;font-size:11px;line-height:1.3;}
.wx-map-note[hidden]{display:none;}
.wx-detail.wx-brief{inset:0;width:100%;height:100dvh;max-height:100dvh;max-width:none;border:0;border-radius:0;background:#102820;color:#e6f0ea;}
.wx-brief-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;flex:none;min-height:56px;padding:6px calc(8px + var(--safe-area-right,0px)) 8px calc(12px + var(--safe-area-left,0px));background:#1d3d35;border-bottom:1px solid #426252;}
.wx-brief-heading{min-width:0;width:100%;max-width:calc(50vw - 33px);margin-left:auto;text-align:right;}
.wx-brief-head h2{margin:0;font:800 21px var(--font);letter-spacing:.05em;color:#ffdb45;white-space:nowrap;}
.wx-brief-heading>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.5;}
.wx-back{justify-self:start;min-height:44px;border:0;border-radius:9px;padding:0 12px;background:#ffdb45;color:#10201c;font:800 14px var(--font);}
.wx-brief .wx-scroll{padding:8px 12px calc(30px + var(--safe-area-bottom,0px));gap:10px;}
.wx-card{background:#18382f;border:1px solid #416354;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:7px;}
.wx-brief .wx-tile{background:#173a32;}
.wx-brief :is(.wx-label,.wx-sub,.wx-unit){color:#bfd5c9;}
.wx-extra{font:14px var(--font-mono);color:#d1e2d8;}
.wx-brief-line{margin:0;font-size:14px;line-height:1.5;color:#e6f0ea;}
.wx-presenter{padding-top:10px;border-top:1px solid #66887966;}
.wx-presenter h3{margin:0 0 6px;font-size:14px;font-weight:600;color:#f1d66c;}
.wx-presenter h3 span{font-weight:400;color:#c9d9d1;}
.wx-presenter-copy{margin:0;font-size:14px;line-height:1.55;color:#e6f0ea;}
.wx-day-tabs{display:grid;gap:4px;padding:4px;border:1px solid #416354;border-radius:12px;background:#18382f;}
.wx-day-tabs button{min-width:0;min-height:44px;border:0;border-radius:9px;padding:0 4px;font:700 14px var(--font);background:none;color:#e6f0ea;}
.wx-day-tabs button[aria-selected="true"]{background:#ffdb45;color:#10201c;}
.wx-day-heading{display:flex;flex-direction:column;gap:5px;}
.wx-day-heading strong{font-size:16px;}
.wx-day-heading span{font:12px var(--font-mono);color:#c8ddd1;line-height:1.5;}
.wx-brief .wx-chart-hit{height:125px;}
.wx-hour-list{border:1px solid #416354;border-radius:14px;background:#18382f;}
.wx-hour-head,.wx-hour-row{display:grid;grid-template-columns:44px minmax(90px,1.7fr) minmax(30px,.7fr) minmax(34px,.8fr) minmax(36px,.8fr);gap:4px;align-items:center;padding:0 8px;}
.wx-hour-head{position:sticky;top:-12px;z-index:2;min-height:40px;background:#122b25;border-radius:14px 14px 0 0;color:#bfd5c9;font:600 10px var(--font);}
.wx-hour-head small{font-size:9px;font-weight:400;}
.wx-hour-row{width:100%;min-height:46px;border:0;border-top:1px solid #355349;background:transparent;color:#e6f0ea;text-align:left;font:16px var(--font-mono);}
.wx-hour-row.is-selected{background:#2b5146;box-shadow:inset 3px 0 #ffdb45;}
.wx-hour-time{color:#bfd5c9;}
.wx-hour-time small{display:block;font-size:9px;}
.wx-hour-row.is-selected .wx-hour-time{color:#ffdb45;}
.wx-hour-wind{display:flex;align-items:center;gap:3px;white-space:nowrap;}
.wx-hour-wind .wx-direction{width:14px;height:14px;}
.wx-hour-wind b{font-weight:400;}
.wx-attribution{position:absolute;bottom:0;right:0;max-width:100%;font:9px/1.4 sans-serif;background:#102820;color:#b1c7bc;}
.wx-attribution a{color:#b1c7bc;}
@media(max-width:359px){.wx-brief-head h2{font-size:19px;}.wx-brief-heading>span{font-size:12px;}.wx-brief .wx-scroll{padding-left:8px;padding-right:8px;}.wx-hour-row{font-size:14px;}.wx-hour-head,.wx-hour-row{padding-left:6px;padding-right:6px;gap:2px;}.wx-card{padding:10px;}}

/* Native safe-area values have zero fallbacks in PWA. */
.wx-detail{inset:auto var(--safe-area-right,0px) calc(18px + var(--safe-area-bottom,0px)) var(--safe-area-left,0px);width:calc(100% - var(--safe-area-left,0px) - var(--safe-area-right,0px));height:calc(100dvh - 32px - var(--safe-area-top,0px) - var(--safe-area-bottom,0px));max-height:calc(100dvh - 24px - var(--safe-area-top,0px) - var(--safe-area-bottom,0px));}
.wx-detail.wx-brief{inset:0;width:100%;max-height:100dvh;}
.wx-brief-head{padding-top:calc(6px + var(--safe-area-top,0px));}
.wx-brief .wx-scroll{padding-left:calc(12px + var(--safe-area-left,0px));padding-right:calc(12px + var(--safe-area-right,0px));}
.wx-attribution{bottom:var(--safe-area-bottom,0px);right:var(--safe-area-right,0px);}
@media(min-width:601px){
 html[data-theme] body .topbar .have-it-all-rail,html[data-theme] body.native-map-controls .topbar .have-it-all-rail{display:grid!important;grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,1fr))!important;gap:4px!important;}
 html[data-theme] body .topbar .have-it-all-rail .have-it-all-segment{min-width:0!important;width:100%!important;}
}
html[data-theme] body #weather-band .float-weather-tab{padding-bottom:8px!important;}
html[data-theme] body #weather-band .float-weather-tab .float-info-btn{padding-top:3px!important;padding-bottom:3px!important;}
html[data-theme] body #weather-band .float-weather-tab .float-row-cond{padding-top:6px!important;}
html[data-theme] body #weather-band .float-weather-tab .float-cond{gap:3px!important;}
@media(min-width:700px){.wx-brief .wx-scroll{width:min(100%,1100px);box-sizing:border-box;margin:0 auto;}.wx-brief .wx-tiles{grid-template-columns:2fr 1fr 1fr;}.wx-brief .wx-wide{grid-column:auto;}.wx-brief .wx-chart-hit{height:190px;}}
.weather-demand-status{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:5px 0;border:1px solid #5a928c;border-radius:10px;background:#063f3b;color:#fff;font:600 12px/1.4 system-ui,sans-serif;}
.weather-demand-status[hidden],.weather-demand-status button[hidden]{display:none!important;}
.weather-demand-status span{flex:1;color:#fff;}
.weather-demand-status button{flex:none;min-height:44px;padding:7px 12px;border:2px solid #161b1a;border-radius:8px;background:#ffda22;color:#111;font-weight:800;}

/* Routine demand updates belong beside layer controls, not in a green map-covering banner. */
.weather-adjustments .weather-demand-status{display:block;padding:3px 0;margin:0;border:0;border-radius:0;background:none;font:500 11px/1.35 system-ui,sans-serif;overflow-wrap:anywhere;}
.weather-adjustments .weather-demand-status span{display:block;color:inherit;}
.weather-adjustments .weather-demand-status button{margin-top:4px;font-size:11px;}