:root{--wx-bg:#18191c;--wx-panel:#242529;--wx-panel-2:#292a2e;--wx-hover:#2d2e33;--wx-line:#3a3b40;--wx-text:#f3f3f4;--wx-muted:#9b9da3;--wx-blue:#5689b3;--wx-yellow:#d9a719}
*{box-sizing:border-box}
.weather-page{max-width:1180px!important;margin:0 auto;padding:0 0 58px;color:var(--wx-text)}
.weather-page button,.weather-page select,.weather-page input{font:inherit}.weather-page button{color:inherit;cursor:pointer}.weather-page [hidden]{display:none!important}
.weather-view-tabs{display:flex;align-items:center;justify-content:center;gap:8px;overflow:auto;margin:0 0 18px;padding:13px 0 0;scrollbar-width:none}.weather-view-tabs::-webkit-scrollbar,.detail-tabs::-webkit-scrollbar,.radar-layer-tabs::-webkit-scrollbar,.hourly-metric-tabs::-webkit-scrollbar,.trend-tabs::-webkit-scrollbar{display:none}.weather-view-tabs button{flex:0 0 auto;padding:7px 12px;border:0;border-radius:15px;background:transparent;color:#a6a8ad;font-size:10px;font-weight:800}.weather-view-tabs button:hover{color:#fff}.weather-view-tabs button.active{background:#303136;color:#fff}.weather-view[hidden]{display:none!important}
.weather-command{display:flex;align-items:center;justify-content:center;gap:18px;min-height:40px;margin:0 auto 17px}.location-search-wrap{position:relative;width:min(390px,55vw)}.location-search{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #62636a}.location-search span{color:#a9abb0}.location-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:11px}.location-search input::placeholder{color:#85878d!important}.location-results{position:absolute;z-index:1000;top:38px;left:0;right:0;overflow:hidden;border:1px solid #424349;border-radius:4px;background:#232428;box-shadow:0 14px 30px rgba(0,0,0,.34)}.location-result{display:grid;width:100%;gap:2px;padding:10px;border:0;border-bottom:1px solid #36373c;background:transparent;text-align:left}.location-result:hover{background:#2d2e33}.location-result b{font-size:11px}.location-result small{color:#989aa0!important;font-size:9px}.locate-button{height:31px;padding:0;border:0;border-bottom:1px solid #62636a;border-radius:0;background:transparent;color:#c7c8cc;font-size:9px;font-weight:800}
.weather-message{position:fixed;z-index:2200;top:86px;right:24px;width:min(360px,calc(100vw - 32px));padding:11px 13px;border:1px solid #543a3e;border-radius:5px;background:#2c2426;color:#f0e5e7;font-size:10px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.weather-alert-bar,.alerts{margin-bottom:10px;padding:10px 12px;border-radius:5px;background:#2c2426;color:#e8dadd;font-size:10px}.weather-alert-bar{display:flex;align-items:center;justify-content:space-between}.top-alert-summary{display:flex;align-items:center;gap:8px}.top-alert-summary img{width:28px;height:28px}.top-alert-summary span:last-child{display:grid}.top-alert-summary b{font-size:11px}.top-alert-summary small{font-size:8px;color:#b9adb0!important}.top-alert-details{border:0;background:transparent;font-size:9px;text-decoration:underline}.alert-detail-drawer{padding:10px 0}.alert-detail-drawer h3{font-size:15px}.alert-detail-meta,.alert-detail-grid{font-size:9px}.alert-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.weather-lead{display:block}.current-main,.forecast-section,.weather-details-section,.overview-radar,.health-hero,.health-outlook,.trend-chart-panel{border-radius:6px;background:var(--wx-panel)}.current-main{position:relative;display:flex;min-height:242px;flex-direction:column;padding:20px 24px;background:linear-gradient(112deg,#315f87,#568bb5);overflow:hidden}.current-place-row h1{margin:0;font-size:24px;letter-spacing:-.025em}.current-place-row p{max-width:760px;margin:6px 0 0;color:#eef5fa!important;font-size:10px;line-height:1.5}.current-reading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.current-reading strong{display:block;font-size:68px;line-height:.82;letter-spacing:-.055em}.current-reading h2{margin:10px 0 0;font-size:17px}.current-reading p{margin:3px 0 0;color:#edf4f9!important;font-size:9px}.current-icon{display:grid;place-items:center;width:122px;height:88px}.current-svg{width:114px;height:86px;object-fit:contain}.current-highlow{display:flex;gap:16px;margin-top:auto}.current-highlow span,.current-highlow b{color:#f3f7fa!important;font-size:9px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:9px}.section-heading h1,.section-heading h2{margin:0;font-size:18px;letter-spacing:-.02em}.section-heading>div>span,.section-heading>span{display:block;margin-top:3px;color:var(--wx-muted)!important;font-size:8px}.section-heading button{padding:5px 8px;border:0;border-radius:12px;background:#303136;font-size:8px;font-weight:800}
.forecast-section,.weather-details-section{margin-top:12px;padding:14px}.hour-chart-wrap{height:120px;margin:0 0 -1px}.hour-chart-wrap svg{width:100%;height:100%}#hourlyLine{fill:none;stroke:var(--wx-yellow);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}#hourlyDots circle{fill:#222;stroke:var(--wx-yellow);stroke-width:2;vector-effect:non-scaling-stroke}.weather-scroll-shell{position:relative}.drag-scroll{cursor:grab;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none}.drag-scroll::-webkit-scrollbar{display:none}.drag-scroll.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}.hourly-strip{display:grid;grid-auto-flow:column;grid-auto-columns:82px;overflow-x:auto}.hour-card{min-height:108px;padding:9px 4px;text-align:center;border-right:1px solid #36373c}.hour-card.now{border-radius:5px;background:#2e2f34}.hour-card time{display:block;color:#b3b5ba;font-size:8px;font-weight:800}.hour-card .hour-icon{display:grid;place-items:center;height:35px;margin:7px 0 4px}.hour-svg{width:42px;height:34px;object-fit:contain}.hour-card strong{display:block;font-size:15px}.hour-card small{display:block;margin-top:5px;color:#75a9d1!important;font-size:7px}.hour-card small.no-rain{color:#7d7f85!important}.scroll-arrow{position:absolute;z-index:8;top:50%;display:grid!important;place-items:center;width:38px;height:38px;transform:translateY(-50%);border:1px solid #4a4b50;border-radius:50%;background:#242529;font-size:24px;box-shadow:0 4px 14px rgba(0,0,0,.3)}.scroll-arrow[hidden]{display:none!important}.scroll-left{left:-20px}.scroll-right{right:-20px}.scroll-arrow:disabled{opacity:.35}
.daily-list{display:grid;grid-auto-flow:column;grid-auto-columns:145px;gap:7px;overflow-x:auto}.daily-card{position:relative;display:grid;grid-template-rows:auto 48px auto auto auto;gap:5px;min-height:178px;padding:11px;border:0;border-radius:5px;background:#28292d;text-align:left}.daily-card:hover,.daily-card[aria-expanded="true"]{background:#303136}.daily-card.today{background:#2d2e33}.daily-day{display:flex;justify-content:space-between;gap:5px}.daily-day b{font-size:11px}.daily-day small{font-size:7px;color:#96989d!important}.daily-art{display:grid;place-items:start;height:48px}.daily-svg{width:58px;height:46px;object-fit:contain}.daily-name{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.daily-temp{display:flex;gap:7px;font-size:14px}.daily-temp .low{color:#92949a}.daily-rain{color:#70a3cb!important;font-size:8px}.daily-expand{position:absolute;right:8px;bottom:7px;font-size:13px}.daily-detail{position:relative;margin-top:8px;padding:14px;border-radius:5px;background:#202125}.daily-detail:before{content:"";position:absolute;top:-5px;left:var(--detail-anchor);width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:#202125}.daily-detail-head{display:flex;justify-content:space-between;gap:14px}.daily-detail-head h3{margin:0;font-size:16px}.daily-detail-head span,.daily-detail-summary{color:#a0a2a8!important;font-size:8px}.daily-detail-head button{border:0;background:transparent;font-size:20px}.daily-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.daily-detail-grid>div{display:grid;min-height:62px;gap:3px;padding:9px;border-radius:4px;background:#292a2e}.daily-detail-grid small{font-size:6px}.daily-detail-grid b{font-size:11px}.daily-detail-grid span{color:#999ba1!important;font-size:7px}
.detail-reading{text-align:right}.detail-reading small{display:block;color:#999ba1;font-size:8px}.detail-reading b{display:block;margin-top:2px;font-size:22px}.detail-tabs,.radar-layer-tabs,.hourly-metric-tabs,.trend-tabs{display:flex;gap:5px;overflow:auto;margin:0 0 10px;padding:0;scrollbar-width:none}.detail-tabs button,.radar-layer-tabs button,.hourly-metric-tabs button,.trend-tabs button{flex:0 0 auto;padding:8px 11px;border:0;border-radius:15px;background:transparent;color:#a5a7ad;font-size:10px;font-weight:750}.detail-tabs button:hover,.radar-layer-tabs button:hover,.hourly-metric-tabs button:hover,.trend-tabs button:hover{color:#fff}.detail-tabs button.active,.radar-layer-tabs button.active,.hourly-metric-tabs button.active,.trend-tabs button.active{background:#323338;color:#fff}.overview-detail-chart,.hourly-detail-chart{position:relative;height:340px;border-radius:5px;background:#202125}.overview-detail-chart svg,.hourly-detail-chart svg{width:100%;height:100%}#overviewDetailLine,#hourDetailLine{fill:none;stroke:#6d9bc2;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}#overviewDetailDots circle,#hourDetailDots circle{fill:#202125;stroke:#79acd4;stroke-width:2;vector-effect:non-scaling-stroke;cursor:crosshair}#overviewDetailGrid line,#hourDetailGrid line{stroke:#35373c;stroke-width:1}#overviewDetailAxis text,#overviewDetailTimes text,#hourDetailAxis text,#hourDetailTimes text{fill:#999ca3;font-size:11px}.chart-tooltip{position:absolute;z-index:10;pointer-events:none;padding:6px 8px;border-radius:4px;background:#111216;color:#fff;font-size:9px;box-shadow:0 5px 15px rgba(0,0,0,.35)}
.overview-radar{width:min(900px,100%);margin:14px auto 0;padding:14px}.overview-radar .radar-layer-tabs{margin-bottom:10px}.overview-radar .radar-layer-tabs button{padding:8px 13px;background:#303136;color:#c9cbd0}.overview-radar .radar-layer-tabs button.active{background:#e9eaec;color:#18191c}.radar-shell{position:relative;height:450px;overflow:hidden;border:1px solid #36373c;border-radius:5px;background:#090b0d}.radar-shell #weatherMap{width:100%;height:100%;background:#090b0d}.radar-shell .leaflet-tile-pane .leaflet-layer:first-child{filter:saturate(.48) contrast(1.13) brightness(.62)}.leaflet-control-attribution{background:rgba(10,11,13,.78)!important;color:#aaa!important;font-size:7px!important}.leaflet-control-attribution a{color:#bbb!important}.radar-top-tools{position:absolute;z-index:500;top:10px;right:10px;display:flex;gap:4px}.radar-top-tools button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #44464c;border-radius:50%;background:rgba(28,29,33,.94);font-size:13px}.radar-controls{position:absolute;z-index:500;right:12px;bottom:10px;left:12px;display:grid;grid-template-columns:32px 32px minmax(150px,1fr) 32px 38px 70px;align-items:center;gap:6px;padding:7px;border:1px solid #414248;border-radius:18px;background:rgba(28,29,33,.94)}.radar-controls button{display:grid;place-items:center;height:30px;border:0;border-radius:50%;background:#37383e;font-size:14px}.radar-controls button:hover{background:#42434a}.radar-speed{font-size:8px!important}.radar-time{text-align:right;font-size:8px;font-weight:800}.radar-range-wrap{position:relative;display:flex;align-items:center;height:31px;padding:0 2px 12px}.radar-range-wrap input{width:100%;height:16px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.radar-range-wrap input::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,#c34047 0 var(--progress,0%),#575960 var(--progress,0%) 100%)}.radar-range-wrap input::-moz-range-track{height:3px;border-radius:3px;background:linear-gradient(90deg,#c34047 0 var(--progress,0%),#575960 var(--progress,0%) 100%)}.radar-range-wrap input::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;border:2px solid #f2f2f3;border-radius:50%;background:#c34047;appearance:none;-webkit-appearance:none}.radar-range-wrap input::-moz-range-thumb{width:10px;height:10px;border:2px solid #f2f2f3;border-radius:50%;background:#c34047}.radar-now-tick{position:absolute;top:7px;width:2px;height:13px;background:#c34047;pointer-events:none}.radar-now-tick:after{content:"NOW";position:absolute;top:-9px;left:50%;transform:translateX(-50%);color:#dc686e;font-size:6px;font-style:normal;font-weight:900}.radar-time-labels{position:absolute;right:2px;bottom:0;left:2px;height:10px}.radar-time-labels span{position:absolute;transform:translateX(-50%);color:#898b91;font-size:6px;white-space:nowrap}.radar-shell.no-playback .radar-controls{display:none!important}
.hourly-explorer,.health-page,.trends-card{position:relative;padding:5px 0 0}.hourly-day-switch,.trend-scope{display:flex;gap:4px}.hourly-day-switch button,.trend-scope button{padding:6px 9px;border:0;border-radius:13px;background:transparent;color:#9ea1a7;font-size:9px}.hourly-day-switch button.active,.trend-scope button.active{background:#303136;color:#fff}.hourly-explanation{margin:0 0 7px;color:#b3b5bb!important;font-size:9px}.hourly-detail-chart{height:340px}.hourly-table{display:grid;margin-top:8px}.hourly-table-row{display:grid;grid-template-columns:76px 1.3fr repeat(6,1fr);align-items:center;gap:8px;min-height:45px;padding:0 8px;border-bottom:1px solid #33343a;font-size:8px}.hourly-table-row img{width:28px;height:28px;object-fit:contain}.hourly-table-row b{font-size:10px}.hourly-table-row span{color:#a8abb1!important}.hourly-condition{display:flex;align-items:center;gap:7px}
.health-page{display:grid;gap:8px}.health-hero{display:flex;align-items:center;justify-content:space-between;min-height:175px;padding:16px;background:#294958}.health-hero small{font-size:8px}.health-hero strong{display:block;margin-top:5px;font-size:52px;line-height:.9}.health-hero h1{margin:8px 0 3px;font-size:20px}.health-hero p{max-width:640px;margin:0;color:#dce6eb!important;font-size:9px}.aqi-ring{position:relative;display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--aqi-color,#78d29a) var(--aqi,20%),rgba(255,255,255,.16) 0)}.aqi-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#294958}.aqi-ring span{position:relative;font-size:8px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.health-card{min-height:95px;padding:10px;border-radius:5px;background:#25262a}.health-card small{color:#a9abb1!important;font-size:7px}.health-card b{display:block;margin:7px 0 3px;font-size:18px}.health-card b em{font-size:8px;font-style:normal;color:#a9abb1}.health-card span{color:#9a9ca2!important;font-size:7px}.health-card i{display:block;width:var(--level,30%);height:4px;margin-top:10px;border-radius:3px;background:linear-gradient(90deg,#78cf9a,#efcf57,#ef775c)}.health-outlook{padding:11px}.health-outlook-bars{display:grid;grid-template-columns:repeat(24,1fr);align-items:end;gap:3px;height:120px;padding:9px;border-radius:4px;background:#202125}.health-outlook-bars i{min-height:4px;border-radius:3px 3px 0 0}.health-outlook-labels{display:flex;justify-content:space-between;margin-top:5px;color:#93959b;font-size:7px}
.trend-day-strip:empty{display:none}.trend-chart-panel{padding:12px}.trend-chart-head{display:flex;justify-content:space-between}.trend-chart-head small{display:block;color:#9d9fa5;font-size:8px}.trend-chart-head strong{font-size:24px}.trend-chart-head>span{font-size:8px}.trend-chart-panel svg{width:100%;height:360px}#trendLine{fill:none;stroke:#6e9ec7;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}#trendPoints circle{fill:#202125;stroke:#74a8d1;stroke-width:2;vector-effect:non-scaling-stroke}#trendGrid line{stroke:#37383e}#trendYAxis text,#trendLabels text{fill:#9799a0;font-size:11px}.trend-history-low{fill:none;stroke:#5797d6;stroke-width:1.7;vector-effect:non-scaling-stroke}
.weather-news-section{margin-top:14px}.weather-news-grid{columns:4;column-gap:7px}.weather-news-card{display:inline-block;width:100%;height:195px;margin:0 0 7px;overflow:hidden;border-radius:6px;background:#27282c;break-inside:avoid}.weather-news-card:nth-child(5n+1){height:285px}.weather-news-card:nth-child(5n+3){height:235px}.weather-news-card a{position:relative;display:block;width:100%;height:100%;overflow:hidden}.weather-news-image{width:100%;height:100%;object-fit:cover;transition:transform .32s ease}.weather-news-card:hover .weather-news-image{transform:scale(1.035)}.weather-news-card-copy{position:absolute;right:0;bottom:0;left:0;padding:11px;background:linear-gradient(transparent,rgba(8,9,11,.92) 58%)}.weather-news-meta{font-size:7px}.weather-news-card h3{margin:5px 0 0;font-size:14px;line-height:1.08}.weather-news-card:nth-child(5n+1) h3{font-size:18px}
@media(max-width:1240px){.weather-page{max-width:calc(100% - 56px)!important}.health-grid{grid-template-columns:repeat(2,1fr)}.weather-news-grid{columns:3}.hourly-table-row{grid-template-columns:70px 1.2fr repeat(3,1fr)}.hourly-table-row span:nth-child(n+6){display:none}}
@media(max-width:720px){.weather-page{max-width:calc(100% - 28px)!important}.weather-command{flex-wrap:wrap}.location-search-wrap{width:100%}.current-main{min-height:220px}.current-place-row h1{font-size:20px}.current-reading strong{font-size:58px}.daily-detail-grid{grid-template-columns:repeat(2,1fr)}.weather-news-grid{columns:2}.health-grid{grid-template-columns:1fr}.overview-radar{width:100%}.radar-shell{height:390px}.radar-controls{grid-template-columns:31px 31px 1fr 31px 34px}.radar-time{display:none}.hourly-table-row{grid-template-columns:58px 1.3fr repeat(2,1fr)}.hourly-table-row span:nth-child(n+5){display:none}.overview-detail-chart,.hourly-detail-chart{height:280px}.alert-detail-grid{grid-template-columns:1fr}.scroll-left{left:-14px}.scroll-right{right:-14px}}
@media(max-width:480px){.current-icon{width:78px}.weather-news-grid{columns:1}.weather-news-card,.weather-news-card:nth-child(n){height:245px}.weather-news-card:nth-child(3n+1){height:300px}}

/* White weather canvas with compact SWUAK modules. */
body.news-mosaic-page{background:#f6f5f1!important;color:#17181a}
body.news-mosaic-page footer{background:#f6f5f1!important;border-top:1px solid #d8d6cf}
body.news-mosaic-page .footer-row :where(a,small){color:#55575c!important}
.weather-page{position:relative;max-width:1040px!important;color:#17181a;padding-top:2px}
.weather-view-tabs{justify-content:flex-start;min-height:55px;margin:0 0 14px;padding:10px 0 0}
.weather-view-tabs button{color:#66686d;font-size:11px}.weather-view-tabs button:hover{color:#17181a}.weather-view-tabs button.active{background:#25262a;color:#fff}
.weather-command{position:absolute;z-index:20;top:8px;right:0;justify-content:flex-end;min-height:38px;margin:0}.location-search-wrap{width:285px}.location-search{border-color:#a8a7a2}.location-search input{color:#202124}.location-search input::placeholder{color:#77797d!important}.locate-button{border-color:#a8a7a2;color:#202124;font-size:10px}
.current-main,.forecast-section,.weather-details-section,.overview-radar,.health-hero,.health-outlook,.trend-chart-panel{border-radius:12px}
.current-main{min-height:220px;padding:20px 23px;background:linear-gradient(112deg,#2f678f,#61a0c9);color:#fff}
.current-place-row h1{font-size:22px}.current-place-row p{font-size:10px}.current-reading{margin:18px 0 10px}.current-reading strong{font-size:64px}.current-reading h2{font-size:17px}.current-icon{width:108px;height:82px}.current-svg{width:102px;height:78px}
.forecast-section,.weather-details-section{margin-top:14px;padding:15px 17px;background:#242529;color:#f4f4f5}.section-heading h1,.section-heading h2{font-size:18px}.section-heading>div>span,.section-heading>span{font-size:9px}.section-heading button{font-size:9px}
.hour-chart-wrap{height:122px;padding:0 28px}#hourlyDots{display:none}.hourly-strip{grid-auto-columns:82px;padding:0 45px}.hour-card{min-height:112px;padding:9px 4px}.scroll-arrow{width:38px;height:38px;border-radius:50%;background:#292a2f}.scroll-left{left:8px}.scroll-right{right:8px}.scroll-arrow svg,.radar-step svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.daily-list{grid-auto-columns:142px;padding:0 46px}.daily-card{min-height:184px;border-radius:8px}.daily-card .daily-expand{display:none}.daily-detail{border-radius:10px}.daily-detail-grid>div{border-radius:7px}
.weather-details-section{padding:17px}.detail-tabs button{font-size:11px}.overview-detail-chart{height:355px;border-radius:9px}
.overview-radar{position:relative;width:100%;margin:14px 0 0;padding:15px 17px 17px;background:#242529;color:#f4f4f5}.overview-radar .section-heading{margin-bottom:10px}.overview-radar .section-heading h2{font-size:17px}.overview-radar .radar-layer-tabs{position:absolute;z-index:650;top:57px;left:29px;margin:0}.overview-radar .radar-layer-tabs button{border:1px solid rgba(255,255,255,.15);background:rgba(34,35,39,.92);color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.22)}.overview-radar .radar-layer-tabs button.active{background:#f4f4f2;color:#17181a}.radar-shell{height:405px;border-radius:9px}.radar-top-tools{top:12px}.radar-top-tools button{width:32px;height:32px}.radar-controls{border-radius:20px}.radar-controls button svg{width:17px;height:17px}
.hourly-explorer,.health-page,.trends-card{color:#17181a}.hourly-explorer>.section-heading,.trends-card>.section-heading{margin-bottom:13px}.hourly-metric-tabs button,.trend-tabs button{color:#55585d;font-size:11px}.hourly-metric-tabs button:hover,.trend-tabs button:hover{color:#17181a}.hourly-metric-tabs button.active,.trend-tabs button.active{background:#25262a;color:#fff}.hourly-explanation{color:#606268!important;font-size:10px}.hourly-detail-chart{height:360px;border-radius:12px}.hourly-table{gap:5px}.hourly-table-row{border:0;border-radius:8px;background:#242529;color:#fff}.hourly-table-row span{color:#c2c4c9!important}
.health-page{gap:10px}.health-hero{min-height:190px;border-radius:12px;background:#315d70;color:#fff}.health-hero small{font-size:10px}.health-hero strong{font-size:56px}.health-hero h1{font-size:23px}.health-hero p{font-size:10px}.health-grid{gap:8px}.health-card{min-height:112px;padding:13px;border-radius:10px;background:#242529;color:#fff}.health-card small{font-size:9px}.health-card b{font-size:21px}.health-card span{font-size:9px}.health-outlook{background:#242529;color:#fff;padding:15px}.health-outlook-bars{height:145px;border-radius:8px}
.trend-day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:0 0 10px}.trend-day-strip:empty{display:none}.trend-day-card{display:grid;gap:4px;min-height:82px;padding:10px;border-radius:9px;background:#242529;color:#fff}.trend-day-card span{font-size:9px}.trend-day-card b{font-size:17px}.trend-day-card small{color:#b9bbc0!important;font-size:8px}.trend-chart-panel{background:#242529;color:#fff;padding:15px}.trend-chart-panel svg{height:380px}.trend-scope button{color:#62646a;font-size:10px}.trend-scope button.active{background:#25262a;color:#fff}
.weather-news-section{margin-top:28px}.weather-news-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 12px}.weather-news-heading h2{margin:0;color:#17181a;font-size:22px}.weather-news-heading span{color:#72747a;font-size:10px}.weather-news-grid{columns:3;column-gap:9px}.weather-news-card{height:235px;margin-bottom:9px;border-radius:10px}.weather-news-card:nth-child(6n+1){height:365px}.weather-news-card:nth-child(6n+2){height:270px}.weather-news-card:nth-child(6n+3){height:315px}.weather-news-card:nth-child(6n+4){height:220px}.weather-news-card:nth-child(6n+5){height:340px}.weather-news-card h3{font-size:15px}.weather-news-card:nth-child(6n+1) h3{font-size:20px}
@media(max-width:1100px){.weather-page{max-width:calc(100% - 56px)!important}}
@media(max-width:850px){.weather-view-tabs{justify-content:flex-start}.weather-command{position:static;justify-content:flex-start;margin:0 0 14px}.location-search-wrap{width:min(360px,65vw)}.trend-day-strip{grid-template-columns:repeat(4,1fr)}.weather-news-grid{columns:2}}
@media(max-width:620px){.weather-page{max-width:calc(100% - 24px)!important}.current-main{min-height:210px}.hour-chart-wrap{height:100px;padding:0 12px}.hourly-strip,.daily-list{padding:0 38px}.overview-radar .radar-layer-tabs{left:27px}.radar-shell{height:340px}.trend-day-strip{grid-template-columns:repeat(2,1fr)}.weather-news-heading{display:block}.weather-news-heading span{display:block;margin-top:4px}.weather-news-grid{columns:1}}

/* Complete cream interface: the map is the only deliberately dark surface. */
body.news-mosaic-page{
  --wx-bg:#f3f0e8;
  --wx-panel:#fbfaf6;
  --wx-panel-2:#eeeae1;
  --wx-hover:#e8e3da;
  --wx-line:#d7d1c6;
  --wx-text:#151515;
  --wx-muted:#706d66;
  --wx-blue:#4f88ad;
  --wx-yellow:#c99110;
  background:#f3f0e8!important;
  color:#151515!important;
}
body.news-mosaic-page .site-header{
  background:rgba(246,243,236,.98)!important;
  border-bottom-color:#d7d1c6!important;
  box-shadow:0 1px 0 rgba(48,39,26,.04)!important;
}
body.news-mosaic-page .swuak,
body.news-mosaic-page .header-weather-widget>b strong{color:#151515!important}
body.news-mosaic-page .main-nav a,
html[data-theme="dark"] body.news-mosaic-page .main-nav a:not(.active),
body.news-mosaic-page .main-nav .product{color:#55534e!important}
body.news-mosaic-page .main-nav a:hover,
body.news-mosaic-page .main-nav a.active{color:#111!important}
body.news-mosaic-page .main-nav a.active:after{background:#222!important}
body.news-mosaic-page .header-weather-widget>b :where(i,small){color:#69665f!important}
body.news-mosaic-page .search-line{border-color:#8b877f!important}
body.news-mosaic-page .search-line input{color:#171717!important}
body.news-mosaic-page .search-line input::placeholder{color:#77736d!important}
body.news-mosaic-page .menu-btn{color:#171717!important}
body.news-mosaic-page footer{background:#f3f0e8!important;border-color:#d7d1c6!important}
html[data-theme="dark"] body.news-mosaic-page .footer-row :where(a,small){color:#55534e!important}

.weather-page{color:#151515!important}
.weather-view-tabs button{color:#65625c!important}
.weather-view-tabs button:hover{color:#111!important}
.weather-view-tabs button.active{background:#262626!important;color:#fff!important}
.location-search{border-color:#908b82!important}
.location-search span,.locate-button{color:#292826!important}
.location-search input{color:#171717!important}
.location-search input::placeholder{color:#77736d!important}
.location-results{border-color:#d4cec3;background:#fbfaf6;box-shadow:0 14px 30px rgba(45,38,28,.12)}
.location-result{border-color:#e2ddd3;color:#171717!important}
.location-result:hover{background:#eeeae1}
.location-result small{color:#716e67!important}
.weather-message{border-color:#ddc7c5;background:#f7e9e7;color:#592f32;box-shadow:0 10px 26px rgba(51,37,26,.12)}
.weather-alert-bar,.alerts{background:#f2dfdd;color:#5c3335}
.top-alert-summary small{color:#785b5d!important}

.current-main{
  background:linear-gradient(115deg,#e9f3f6 0%,#d8e9ef 52%,#c8e0e9 100%)!important;
  border:1px solid #bfd2d9;
  color:#111!important;
  box-shadow:0 8px 24px rgba(43,65,72,.08);
}
.current-place-row p,.current-reading p{color:#424b4f!important}
.current-highlow span,.current-highlow b{color:#252b2e!important}

.forecast-section,.weather-details-section,.overview-radar,.health-hero,.health-outlook,.trend-chart-panel{
  background:#fbfaf6!important;
  border:1px solid #d8d2c7;
  color:#151515!important;
  box-shadow:0 7px 20px rgba(48,39,26,.055);
}
.section-heading>div>span,.section-heading>span,.detail-reading small,
html[data-theme="dark"] .weather-page .section-heading>div>span,
html[data-theme="dark"] .weather-page .section-heading>span{color:#706d66!important}
.section-heading button{background:#eeeae2!important;color:#292826!important}
.hour-card{border-color:#ded8ce!important;color:#151515!important}
.hour-card.now{background:#eeeae2!important}
.hour-card time{color:#69665f!important}
.hour-card small.no-rain{color:#77736d!important}
.scroll-arrow{border-color:#cec7bc!important;background:#fffdf8!important;color:#1b1b1b!important;box-shadow:0 4px 13px rgba(41,34,24,.12)!important}
#hourlyDots circle{fill:#fbfaf6}

.daily-card{background:#f0ece4!important;color:#151515!important}
.daily-card:hover,.daily-card[aria-expanded="true"]{background:#e7e2d9!important}
.daily-card.today{background:#e9e4dc!important}
.daily-day small,.daily-temp .low{color:#716e67!important}
.daily-detail{background:#f0ece4!important;color:#151515!important}
.daily-detail:before{background:#f0ece4!important}
.daily-detail-head span,.daily-detail-summary{color:#706d66!important}
.daily-detail-grid>div{background:#fbfaf6!important;border:1px solid #ded8ce}
.daily-detail-grid span{color:#706d66!important}

.detail-tabs button,.hourly-metric-tabs button,.trend-tabs button,
.hourly-day-switch button,.trend-scope button{color:#5f5c56!important}
.detail-tabs button:hover,.hourly-metric-tabs button:hover,.trend-tabs button:hover{color:#111!important}
.detail-tabs button.active,.hourly-metric-tabs button.active,.trend-tabs button.active,
.hourly-day-switch button.active,.trend-scope button.active{background:#282828!important;color:#fff!important}
.overview-detail-chart,.hourly-detail-chart{background:#f3f0e9!important;border:1px solid #e0dbd1}
#overviewDetailGrid line,#hourDetailGrid line,#trendGrid line{stroke:#ddd7cd!important}
#overviewDetailAxis text,#overviewDetailTimes text,#hourDetailAxis text,#hourDetailTimes text,
#trendYAxis text,#trendLabels text{fill:#6f6b64!important}
#overviewDetailDots circle,#hourDetailDots circle,#trendPoints circle{fill:#f3f0e9!important}
.chart-tooltip{background:#232323;color:#fff}

.overview-radar{background:#fbfaf6!important}
.overview-radar .radar-layer-tabs button{border-color:rgba(255,255,255,.18)!important;background:rgba(32,33,36,.92)!important;color:#fff!important}
.overview-radar .radar-layer-tabs button.active{background:#fffdf8!important;color:#171717!important}
.radar-shell{border-color:#cfc8bd!important;background:#090b0d!important}
.radar-shell #weatherMap{background:#090b0d!important}

.hourly-explorer,.health-page,.trends-card{color:#151515!important}
.hourly-explanation{color:#625f59!important}
.hourly-table-row{border:1px solid #ddd7cc!important;background:#fbfaf6!important;color:#151515!important}
.hourly-table-row span{color:#65625c!important}

.health-hero{background:linear-gradient(115deg,#e3f0ef,#d3e5e5)!important;color:#151515!important}
.health-hero p{color:#424b4b!important}
.aqi-ring{background:conic-gradient(var(--aqi-color,#78b98f) var(--aqi,20%),rgba(30,45,42,.10) 0)!important}
.aqi-ring:before{background:#dcebea!important}
.health-card{background:#fbfaf6!important;border:1px solid #d8d2c7;color:#151515!important;box-shadow:0 5px 16px rgba(48,39,26,.045)}
.health-card small,.health-card b em,.health-card span{color:#6d6962!important}
.health-outlook{background:#fbfaf6!important;color:#151515!important}
.health-outlook-bars{background:#f0ece4!important}
.health-outlook-labels{color:#6d6962!important}

.trend-day-card{background:#f0ece4!important;border:1px solid #dbd5ca;color:#151515!important}
.trend-day-card small{color:#6d6962!important}
.trend-chart-panel{background:#fbfaf6!important;color:#151515!important}
.trend-chart-head small{color:#6d6962!important}

.weather-news-heading h2{color:#151515!important}
.weather-news-heading span{color:#6d6962!important}

/* Refinement pass: clearer scale, unobstructed carousels, and a quieter radar. */
.weather-page{overflow:visible}
.weather-view-tabs{gap:14px}
.weather-view-tabs button{padding:7px 10px;font-size:12px}
.weather-command{right:-36px;gap:18px}
.location-search-wrap{width:300px}
.location-search,.locate-button{height:34px;padding-top:7px;padding-bottom:7px}
.location-search input{font-size:12px}
.locate-button{font-size:12px}
.location-permission-wrap{position:relative}
.location-permission{position:absolute;z-index:1300;top:42px;right:0;width:245px;padding:14px;border:1px solid #d5cec2;border-radius:10px;background:#fffdf8;color:#171717;box-shadow:0 15px 32px rgba(45,38,28,.16)}
.location-permission>b{display:block;font-size:14px}
.location-permission>p{margin:5px 0 12px;color:#68645e!important;font-size:11px;line-height:1.35}
.location-permission>div{display:flex;justify-content:flex-end;gap:7px}
.location-permission button{padding:7px 10px;border:1px solid #cdc5b8;border-radius:16px;background:#f4f0e8;color:#171717;font-size:10px;font-weight:800}
.location-permission #locationAllow{border-color:#222;background:#222;color:#fff}

.current-main{min-height:238px!important;padding:23px 26px!important;background:linear-gradient(118deg,#bce6f3 0%,#7bc7e4 54%,#35a9dc 100%)!important;border-color:#82bfd5!important;box-shadow:0 10px 26px rgba(35,115,149,.13)!important}
.current-place-row h1{font-size:25px!important}
.current-place-row p{max-width:780px;color:#243c47!important;font-size:12px!important}
.current-reading strong{font-size:74px!important}
.current-reading h2{font-size:20px!important}
.current-reading p{color:#263d47!important;font-size:11px!important}
.current-icon{width:166px!important;height:122px!important}
.current-svg{width:158px!important;height:118px!important;filter:saturate(1.28) contrast(1.06) drop-shadow(0 8px 8px rgba(24,84,112,.13))}
.current-highlow span,.current-highlow b{font-size:10px!important}

.section-heading{margin-bottom:11px}
.section-heading h1,.section-heading h2{font-size:20px!important}
.section-heading>div>span,.section-heading>span{font-size:10px!important;line-height:1.35}
.section-heading button{font-size:10px!important}
.hour-chart-wrap{position:relative;height:142px!important;padding:8px 0 0 0!important}
.chart-name{position:absolute;z-index:2;top:1px;left:2px;color:#6d6962;font-size:9px;font-weight:800}
#hourlyAxis text{fill:#777169;font-size:10px}
.chart-hover-guide{stroke:#777169;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;pointer-events:none}
.chart-hover-point{fill:#fffdf8;stroke:#c99110;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
.chart-tooltip{display:grid;min-width:96px;gap:2px;padding:7px 9px!important;border-radius:7px!important;font-size:10px!important}
.chart-tooltip b{font-size:9px}.chart-tooltip span{font-size:13px;font-weight:850}

.hourly-strip,.daily-list{padding:0!important}
.hourly-strip{grid-auto-columns:84px}
.daily-list{grid-auto-columns:146px}
.hour-card time{font-size:9px!important}.hour-card strong{font-size:16px}.hour-card small{font-size:8px!important}
.daily-day b{font-size:12px}.daily-day small{font-size:8px!important}.daily-name{font-size:10px!important}.daily-rain{font-size:9px!important}
.scroll-arrow{width:34px!important;height:34px!important;transition:opacity .18s ease,transform .18s ease}
.scroll-left{left:-19px!important}.scroll-right{right:-19px!important}
.scroll-arrow:hover{transform:translateY(-50%) scale(1.04)}

.detail-tabs button,.hourly-metric-tabs button,.trend-tabs button{font-size:12px!important}
.hourly-day-switch button,.trend-scope button{font-size:11px!important}
.hourly-explanation{font-size:11px!important}
.overview-detail-chart,.hourly-detail-chart{cursor:crosshair}
.overview-detail-chart svg,.hourly-detail-chart svg,#trendChart{touch-action:none}
#overviewDetailDots,#hourDetailDots,#trendPoints{display:none}

.overview-radar{width:100%!important;margin:20px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.radar-shell{height:430px!important;border:1px solid #bdb7ae!important;border-radius:12px!important;background:#777a7d!important}
.radar-shell #weatherMap{background:#777a7d!important}
.radar-shell .leaflet-tile-pane .leaflet-layer:first-child{filter:grayscale(1) brightness(.68) contrast(.72)!important}
.radar-shell .radar-layer-tabs{position:absolute;z-index:650;top:12px;left:12px;display:flex;margin:0!important;gap:6px}
.radar-shell .radar-layer-tabs button{padding:8px 13px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:18px!important;background:rgba(42,43,45,.9)!important;color:#fff!important;box-shadow:0 3px 12px rgba(0,0,0,.18)!important;font-size:10px!important}
.radar-shell .radar-layer-tabs button.active{background:#fffdf8!important;color:#171717!important}
.radar-top-tools{top:12px!important}
.radar-controls{background:rgba(38,39,42,.93)!important}
.leaflet-control-attribution{background:rgba(53,54,56,.76)!important}

.weather-news-meta,.weather-news-card h3{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.62)}
.weather-news-card-copy{padding:13px!important;background:linear-gradient(transparent,rgba(7,8,10,.48) 27%,rgba(7,8,10,.94) 100%)!important}
.weather-news-meta{font-size:9px!important}.weather-news-card h3{font-size:16px!important;line-height:1.12!important}
.weather-news-card:nth-child(6n+1) h3{font-size:21px!important}

.hourly-table-row{font-size:10px!important}.hourly-table-row b{font-size:12px!important}
.health-card small,.health-card span{font-size:10px!important}.health-card b em{font-size:9px!important}
.trend-day-card span{font-size:10px!important}.trend-day-card small{font-size:9px!important}
.trend-chart-panel{position:relative}

@media(max-width:1080px){.weather-command{right:0}}
@media(max-width:850px){.weather-command{right:auto}.location-permission{right:auto;left:0}.scroll-left{left:-12px!important}.scroll-right{right:-12px!important}}
@media(max-width:620px){.current-icon{width:118px!important;height:94px!important}.current-svg{width:112px!important;height:90px!important}.weather-command{gap:12px}.location-search-wrap{width:min(100%,330px)}.radar-shell{height:350px!important}.radar-shell .radar-layer-tabs{max-width:calc(100% - 112px);overflow:auto}}

/* Clear, light weather finish. */
.weather-page :where(.current-main,.hour-card,.daily-card,.daily-detail,.weather-details-section,.hourly-explorer,.health-page,.trends-card,.radar-shell,.weather-view-tabs,.detail-tabs,.hourly-metric-tabs,.trend-tabs,.radar-layer-tabs,.radar-controls,.radar-top-tools){user-select:none}
.weather-page :where(.section-heading h1,.section-heading h2,.section-heading span,.daily-detail,.hourly-table,.health-card,.trend-chart-head,.weather-news-heading){color:#111!important}

.current-main{
  background:
    radial-gradient(circle at 84% 20%,rgba(255,255,255,.52),transparent 28%),
    radial-gradient(circle at 72% 96%,rgba(25,157,216,.32),transparent 43%),
    radial-gradient(circle at 14% 8%,rgba(221,249,255,.72),transparent 42%),
    linear-gradient(122deg,#b8e5f1 0%,#79cce7 52%,#3bb1df 100%)!important;
  border-color:#73bfd8!important;
}
.current-icon{width:235px!important;height:166px!important;margin-right:8px}
.current-svg{width:225px!important;height:158px!important;filter:saturate(1.34) contrast(1.07) drop-shadow(0 9px 10px rgba(28,102,132,.14))}

.daily-list{grid-auto-columns:158px!important;gap:8px}
.daily-card{grid-template-rows:auto 62px auto auto auto!important;min-height:202px!important;padding:14px!important;border-radius:10px!important}
.daily-day b{font-size:13px!important}.daily-day small{font-size:9px!important}
.daily-art{height:62px!important;place-items:center!important}.daily-svg{width:72px!important;height:58px!important}
.daily-name{font-size:11px!important}.daily-temp{font-size:16px!important}.daily-rain{font-size:10px!important}
.daily-detail{padding:19px!important;border-radius:12px!important}.daily-detail-head h3{font-size:21px!important}
.daily-detail-head span{font-size:10px!important}.daily-detail-summary{max-width:920px;font-size:11px!important;line-height:1.5}
.daily-detail-grid{gap:8px!important;margin-top:13px!important}.daily-detail-grid>div{min-height:78px!important;padding:11px!important;border-radius:8px!important}
.daily-detail-grid small{font-size:8px!important}.daily-detail-grid b{font-size:14px!important}.daily-detail-grid span{font-size:9px!important;line-height:1.35}

.chart-hover-guide{display:block;stroke:#5e5a53!important;stroke-width:1.35!important;stroke-dasharray:9 6!important;opacity:.9}
.chart-hover-guide[hidden],.chart-hover-point[hidden]{display:none!important}

.overview-radar{position:relative!important;padding:0 0 17px!important}
.radar-shell{height:440px!important;border-color:#c9c5bd!important;background:#f5f5f2!important}
.radar-shell #weatherMap{background:#f5f5f2!important}
.radar-shell .leaflet-tile-pane .leaflet-layer:first-child{filter:grayscale(.88) brightness(1.04) contrast(.87)!important}
.leaflet-control-attribution{display:none!important}
.radar-shell .radar-layer-tabs button,.radar-top-tools button,.radar-controls,.radar-controls button{
  border-color:#cec9c0!important;background:rgba(255,255,252,.94)!important;color:#171717!important;
  box-shadow:0 3px 12px rgba(48,40,28,.11)!important;
}
.radar-shell .radar-layer-tabs button.active{background:#202020!important;color:#fff!important;border-color:#202020!important}
.radar-controls{border-color:#cbc6bd!important}.radar-controls button:hover{background:#f0ede7!important}
.radar-range-wrap input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#c94b55 0 var(--progress,0%),#d1cec8 var(--progress,0%) 100%)!important}
.radar-range-wrap input::-moz-range-track{background:linear-gradient(90deg,#c94b55 0 var(--progress,0%),#d1cec8 var(--progress,0%) 100%)!important}
.radar-time-labels span{color:#5d5b56!important}.radar-time{color:#222!important}.radar-credit{display:block;margin:7px 2px 0;color:#77736b!important;font-size:8px;text-align:right;user-select:text}

.health-hero{
  --aqi-color:#75cf94;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.86),transparent 27%),
    radial-gradient(circle at 16% 92%,color-mix(in srgb,var(--aqi-color) 20%,transparent),transparent 45%),
    linear-gradient(120deg,rgba(239,248,247,.94),rgba(213,235,234,.82))!important;
  backdrop-filter:blur(18px) saturate(1.05);
}
.health-card{
  background:
    radial-gradient(circle at 86% 12%,rgba(255,255,255,.96),transparent 31%),
    linear-gradient(125deg,rgba(255,255,255,.86),rgba(224,238,239,.68))!important;
  backdrop-filter:blur(16px) saturate(1.04);
}
.aqi-ring{display:grid!important;place-items:center!important;width:112px!important;height:112px!important;margin-bottom:18px;background:conic-gradient(var(--aqi-color,#75cf94) var(--aqi,20%),rgba(53,75,72,.11) 0)!important;box-shadow:0 7px 22px color-mix(in srgb,var(--aqi-color) 18%,transparent)}
.aqi-ring:before{inset:11px!important;background:rgba(246,250,249,.91)!important;box-shadow:inset 0 0 0 1px rgba(54,77,73,.07)}
.aqi-ring i{position:absolute;top:7px;left:calc(50% - 4px);z-index:2;width:8px;height:8px;border-radius:50%;background:var(--aqi-color);box-shadow:0 0 0 3px #fff}
.aqi-ring strong{position:absolute;z-index:2;inset:0;display:grid;place-items:center;font-size:25px!important;line-height:1}
.aqi-ring span{position:absolute;z-index:2;top:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:8px!important;font-weight:800;white-space:nowrap}

.weather-news-heading span{display:none!important}
.weather-news-meta,.weather-news-card h3{color:#fff!important}

@media(max-width:720px){
  .current-icon{width:150px!important;height:112px!important}.current-svg{width:142px!important;height:106px!important}
  .daily-list{grid-auto-columns:150px!important}.daily-detail-grid{grid-template-columns:repeat(2,1fr)!important}
}

/* Precision pass: longer search, quieter headings, legible radar controls. */
@media(min-width:851px){
  .weather-command{left:auto;right:-126px;display:grid;grid-template-columns:300px 145px;gap:20px;justify-content:stretch}
  .location-search-wrap{width:300px!important;min-width:0}
  .location-permission-wrap{justify-self:stretch}
  .locate-button{width:100%;text-align:left}
}
.current-place-row p{font-size:13px!important;line-height:1.45!important}
.current-reading p{font-size:12px!important}.current-highlow span,.current-highlow b{font-size:11px!important}
.hourly-forecast-card .section-heading>div>span,.ten-day-card .section-heading span,.weather-details-section .section-heading>div>span,.trends-card .section-heading>div>span{display:none!important}
.hourly-forecast-card .chart-name,#hourlyAxis{display:none!important}

#trendTabs [data-trend="relative_humidity_2m"],#trendTabs [data-trend="cloud_cover"],#trendTabs [data-trend="surface_pressure"],#trendTabs [data-trend="uv_index"],#trendTabs [data-trend="visibility"]{display:none!important}
#trendLine{stroke:#d6574f!important}.trend-history-low{stroke:#4f91cf!important}
.trend-chart-head{min-height:58px}
#trendRange{position:absolute;top:50px;right:20px;z-index:4;white-space:nowrap}
.trend-legend{position:absolute;z-index:5;top:18px;right:20px;display:flex;align-items:center;gap:16px;color:#57544f;font-size:10px;font-weight:750}
.trend-legend[hidden]{display:none!important}.trend-legend span{display:flex;align-items:center;gap:6px}.trend-legend i{display:block;width:24px;height:3px;border-radius:3px}.trend-legend .high i{background:#d6574f}.trend-legend .low i{background:#4f91cf}

.radar-shell{background:#f8f8f6!important}.radar-shell #weatherMap{background:#f8f8f6!important}
.radar-shell .leaflet-tile-pane .leaflet-layer:first-child{filter:grayscale(.78) brightness(.98) contrast(1.04)!important}
.radar-credit{display:none!important}
.map-home-divicon,.map-weather-divicon{background:transparent!important;border:0!important}
.map-weather-label{display:flex;align-items:center;gap:3px;width:max-content;min-width:72px;padding:0;border:0;background:transparent;box-shadow:none;color:#111;white-space:nowrap;text-shadow:-1px -1px 0 rgba(255,255,255,.95),1px -1px 0 rgba(255,255,255,.95),-1px 1px 0 rgba(255,255,255,.95),1px 1px 0 rgba(255,255,255,.95),0 2px 4px rgba(255,255,255,.9)}
.map-city-weather-icon{width:24px;height:24px;object-fit:contain}.map-weather-label span{display:grid;line-height:1}.map-weather-label b{font-size:8px;font-weight:800}.map-weather-label strong{margin-top:2px;font-size:11px}
.radar-top-tools button img{display:block;width:16px;height:16px;object-fit:contain}

.radar-controls{grid-template-columns:36px minmax(0,1fr) 52px 72px!important;gap:9px!important;min-height:48px!important;padding:7px 9px!important;background:rgba(255,255,252,.96)!important}
.radar-step,.radar-time-labels{display:none!important}.radar-play{width:34px!important;height:34px!important;font-size:13px!important}
.radar-range-wrap{height:34px!important;padding:0 2px!important;align-items:center!important}
.radar-range-wrap input{height:22px!important}
.radar-range-wrap input::-webkit-slider-runnable-track{height:3px!important;background:linear-gradient(90deg,#1d1d1c 0 var(--progress,0%),#cecac2 var(--progress,0%) 100%)!important}
.radar-range-wrap input::-moz-range-track{height:3px!important;background:linear-gradient(90deg,#1d1d1c 0 var(--progress,0%),#cecac2 var(--progress,0%) 100%)!important}
.radar-range-wrap input::-webkit-slider-thumb{width:13px!important;height:13px!important;margin-top:-5px!important;border-color:#111!important;background:#fff!important}
.radar-range-wrap input::-moz-range-thumb{width:13px!important;height:13px!important;border-color:#111!important;background:#fff!important}
.radar-now-tick{background:#111!important}.radar-now-tick:after{color:#111!important}
.radar-speed{width:50px!important;height:32px!important;font-size:10px!important;font-weight:850!important}
.radar-time{font-size:11px!important;font-weight:850!important;white-space:nowrap;text-align:right}
.radar-speed-menu{position:absolute;z-index:900;right:72px;bottom:48px;display:grid;width:72px;padding:5px;border:1px solid #c9c4bb;border-radius:9px;background:#fffdf8;box-shadow:0 10px 24px rgba(35,31,24,.16)}
.radar-speed-menu[hidden]{display:none!important}.radar-speed-menu button{height:29px;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;font-size:10px;font-weight:800;text-align:left}.radar-speed-menu button:hover{background:#eeeae2!important}
.radar-scrub-scale{position:absolute;z-index:1000;bottom:calc(100% + 10px);display:flex;width:250px;align-items:flex-end;justify-content:center;gap:12px;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;pointer-events:none}
.radar-scrub-scale.visible{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .22s ease,transform .22s ease,visibility 0s}.radar-scrub-scale span{color:#2f2e2b;font-weight:800;white-space:nowrap;text-shadow:0 1px 2px #fff}.radar-scrub-scale .current{font-size:12px}.radar-scrub-scale .near{font-size:9px;opacity:.78}.radar-scrub-scale .far{font-size:7px;opacity:.48}

.live-inner{min-height:32px!important;font-size:10px!important}.news-ticker>strong{font-size:9px!important}.ticker-set a{gap:9px!important;padding-right:20px!important}.ticker-set a b{font-size:8px!important;font-weight:850!important}.ticker-set a span{color:#f2efe8!important;font-size:10px!important;font-weight:600!important}.ticker-set a em{color:#c1beb6!important;font-size:9px!important}
@media(max-width:850px){.weather-command{display:flex}.radar-controls{grid-template-columns:34px minmax(0,1fr) 48px!important}.radar-time{display:none!important}.radar-speed-menu{right:10px}}

/* Nationwide map and final alignment pass. */
@media(min-width:851px){
  .weather-command{right:-126px!important;grid-template-columns:270px 145px!important;gap:20px!important}
  .location-search-wrap{width:270px!important}
}
.radar-shell .leaflet-tile-pane .leaflet-layer:first-child{filter:grayscale(.5) brightness(1.015) contrast(.94)!important}
.radar-range-wrap{overflow:visible!important}
.radar-scrub-scale{bottom:calc(100% + 13px)!important}
.radar-scrub-scale{left:50%!important}
.radar-time{font-size:12px!important}
.map-weather-label b{font-size:9px!important}.map-weather-label strong{font-size:12px!important}
.aqi-ring strong{top:0!important;bottom:0!important}

/* Contextual map scales and automatic condition-aware overview imagery. */
.map-scale-legend{
  position:absolute;z-index:610;right:12px;bottom:12px;left:12px;padding:9px 12px 8px;
  border:1px solid rgba(71,67,60,.18);border-radius:18px;background:rgba(255,255,252,.95);
  color:#171717;box-shadow:0 4px 16px rgba(42,37,29,.12);backdrop-filter:blur(9px);
}
.map-scale-legend[hidden]{display:none!important}
.map-scale-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:9px}
.map-scale-heading b{font-size:10px}.map-scale-heading span{color:#615e58;font-weight:750}
.map-scale-bar{height:8px;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(35,33,30,.12)}
.map-scale-legend[data-scale="rain"] .map-scale-bar{background:linear-gradient(90deg,#79ee5b 0%,#36c86e 18%,#14a7d5 38%,#5473d9 54%,#a54bc5 70%,#ef4a85 85%,#7c174f 100%)}
.map-scale-legend[data-scale="temperature"] .map-scale-bar{background:linear-gradient(90deg,#5b3ca8 0%,#2779d4 18%,#29c8d0 35%,#60d764 52%,#f0db3f 68%,#f28b2d 84%,#ce3032 100%)}
.map-scale-labels{display:flex;justify-content:space-between;margin-top:4px;color:#4e4b46;font-size:8px;font-weight:750}

.current-main>*{position:relative;z-index:1}
.current-main{
  background-color:#74c5df!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  transition:none!important;
}
.current-main[data-scene="clear-day"]{background-image:url('/assets/weather-backgrounds/clear-day.webp')!important}
.current-main[data-scene="cloudy-day"]{background-image:url('/assets/weather-backgrounds/cloudy-day.webp')!important}
.current-main[data-scene="overcast-day"]{background-image:url('/assets/weather-backgrounds/overcast-day.webp')!important}
.current-main[data-scene="fog-day"]{background-image:url('/assets/weather-backgrounds/fog-day.webp')!important}
.current-main[data-scene="storm-day"]{background-image:url('/assets/weather-backgrounds/storm-day.webp')!important}
.current-main[data-scene="clear-night"]{background-image:url('/assets/weather-backgrounds/clear-night.webp')!important}
.current-main[data-scene="cloudy-night"]{background-image:url('/assets/weather-backgrounds/cloudy-night.webp')!important}
.current-main[data-scene="overcast-night"]{background-image:url('/assets/weather-backgrounds/overcast-night.webp')!important}
.current-main[data-scene="fog-night"]{background-image:url('/assets/weather-backgrounds/fog-night.webp')!important}
.current-main[data-scene="storm-night"]{background-image:url('/assets/weather-backgrounds/storm-night.webp')!important}
.current-main[data-scene]{color:#fff!important;border-color:rgba(255,255,255,.18)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.current-main[data-scene] :where(.current-place-row p,.current-reading p,.current-highlow span,.current-highlow b){color:#fff!important}
@media(max-width:620px){.map-scale-legend{right:9px;bottom:9px;left:9px}.current-main{background-position:58% center!important}}

/* AQI gauge precision fix: remove decorative marker and mathematically center the value. */
.aqi-ring>i{display:none!important}
.aqi-ring>strong{top:50%!important;right:auto!important;bottom:auto!important;left:50%!important;inset:auto!important;display:block!important;transform:translate(-50%,-50%)!important;line-height:1!important;text-align:center!important}
.aqi-ring>span{font-size:10px!important;line-height:1.2!important}

/* v8: weather-news preview fades into the full Weather feed instead of ending abruptly. */
.weather-news-preview{position:relative;max-height:670px;overflow:hidden;padding-bottom:70px}
.weather-news-fade{position:absolute;z-index:4;right:0;bottom:0;left:0;height:185px;pointer-events:none;background:linear-gradient(180deg,rgba(243,240,232,0),rgba(243,240,232,.72) 42%,#f3f0e8 82%)}
.weather-news-continue{position:absolute;z-index:5;bottom:19px;left:50%;display:inline-flex;align-items:center;gap:8px;transform:translateX(-50%);padding:9px 15px;border:1px solid #cfc8bd;border-radius:18px;background:rgba(251,250,246,.94);color:#171717!important;font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 7px 20px rgba(46,40,31,.10);backdrop-filter:blur(8px)}
.weather-news-continue:hover{background:#fffdf8;border-color:#aaa399}
.weather-news-continue span{font-size:14px;line-height:1;transition:transform .18s ease}.weather-news-continue:hover span{transform:translateX(2px)}

/* v8: center the AQI value inside the actual inner disc, not the outer ring box. */
.aqi-ring>strong{inset:11px!important;top:11px!important;right:11px!important;bottom:11px!important;left:11px!important;display:grid!important;place-items:center!important;transform:translateY(-1px)!important;text-align:center!important;line-height:1!important;font-variant-numeric:tabular-nums}

@media(max-width:850px){.weather-news-preview{max-height:650px}}
@media(max-width:620px){.weather-news-preview{max-height:720px}.weather-news-fade{height:165px}}

/* v16 radar rebuild: minimal map, HRRR +6h timeline, unified controls. */
.overview-radar{margin:18px 0 0!important;padding:0!important}
.radar-shell{height:430px!important;border:1px solid #c9c5bd!important;border-radius:12px!important;background:#d9e6ee!important;box-shadow:none!important;overflow:hidden!important}
.radar-shell #weatherMap{background:#d9e6ee!important}
.radar-shell .leaflet-tile-pane .leaflet-layer:first-child{filter:none!important}
.radar-toolbar{position:absolute;z-index:700;top:12px;right:12px;left:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.radar-toolbar>*{pointer-events:auto}
.radar-shell .radar-layer-tabs{position:static!important;display:inline-flex!important;align-items:center!important;gap:3px!important;margin:0!important;padding:4px!important;border:1px solid rgba(93,88,80,.18)!important;border-radius:18px!important;background:rgba(255,253,248,.93)!important;box-shadow:0 5px 18px rgba(45,39,30,.12)!important;backdrop-filter:blur(10px)}
.radar-shell .radar-layer-tabs button{padding:7px 12px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#3a3834!important;box-shadow:none!important;font-size:10px!important;font-weight:800!important}
.radar-shell .radar-layer-tabs button.active{background:#242424!important;color:#fff!important}
.radar-top-tools{position:static!important;display:flex!important;gap:4px!important;padding:4px!important;border:1px solid rgba(93,88,80,.18)!important;border-radius:18px!important;background:rgba(255,253,248,.93)!important;box-shadow:0 5px 18px rgba(45,39,30,.12)!important;backdrop-filter:blur(10px)}
.radar-top-tools button{width:28px!important;height:28px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#262522!important;box-shadow:none!important;font-size:13px!important}
.radar-top-tools button:hover{background:#eeeae2!important}.radar-top-tools button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.radar-controls{position:absolute!important;z-index:710!important;right:12px!important;bottom:12px!important;left:12px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 48px!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:8px 10px!important;border:1px solid rgba(93,88,80,.20)!important;border-radius:16px!important;background:rgba(255,253,248,.95)!important;box-shadow:0 7px 22px rgba(45,39,30,.14)!important;backdrop-filter:blur(12px)!important}
.radar-shell.no-playback .radar-controls{display:none!important}
.radar-play,.radar-speed{display:grid!important;place-items:center!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#1c1b19!important}
.radar-play{width:34px!important;height:34px!important;border-radius:50%!important}.radar-play:hover,.radar-speed:hover{background:#eeeae2!important}.radar-play svg{width:17px;height:17px;fill:currentColor}
.radar-speed{width:48px!important;height:32px!important;border-radius:15px!important;font-size:10px!important;font-weight:850!important}
.radar-range-wrap{position:relative!important;display:block!important;height:auto!important;padding:0 2px 13px!important;overflow:visible!important}
.radar-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 1px 4px;color:#55514b;font-size:8px;font-weight:750}
.radar-timeline-head strong{color:#171717;font-size:10px;font-weight:900;white-space:nowrap}
.radar-range-wrap input{width:100%!important;height:16px!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;cursor:pointer!important}
.radar-range-wrap input::-webkit-slider-runnable-track{height:3px!important;border-radius:4px!important;background:linear-gradient(90deg,#252422 0 var(--progress,0%),#d0ccc4 var(--progress,0%) 100%)!important}
.radar-range-wrap input::-moz-range-track{height:3px!important;border-radius:4px!important;background:linear-gradient(90deg,#252422 0 var(--progress,0%),#d0ccc4 var(--progress,0%) 100%)!important}
.radar-range-wrap input::-webkit-slider-thumb{width:13px!important;height:13px!important;margin-top:-5px!important;border:2px solid #222!important;border-radius:50%!important;background:#fffdf8!important;appearance:none!important;-webkit-appearance:none!important;box-shadow:0 1px 4px rgba(0,0,0,.18)!important}
.radar-range-wrap input::-moz-range-thumb{width:11px!important;height:11px!important;border:2px solid #222!important;border-radius:50%!important;background:#fffdf8!important}
.radar-time-labels{display:block!important;position:absolute!important;right:2px!important;bottom:0!important;left:2px!important;height:10px!important}.radar-time-labels span{position:absolute!important;transform:translateX(-50%)!important;color:#6e6a64!important;font-size:7px!important;font-weight:750!important;white-space:nowrap!important}.radar-time-labels span:first-child{transform:none!important}.radar-time-labels span:last-child{transform:translateX(-100%)!important}
.radar-speed-menu{right:10px!important;bottom:65px!important}
.map-scale-legend{right:12px!important;bottom:12px!important;left:12px!important;padding:9px 12px 8px!important;border:1px solid rgba(93,88,80,.20)!important;border-radius:14px!important;background:rgba(255,253,248,.95)!important;box-shadow:0 7px 22px rgba(45,39,30,.12)!important;backdrop-filter:blur(12px)!important}
.map-scale-heading{margin-bottom:6px!important}.map-scale-bar{height:7px!important}.map-scale-labels{font-size:7px!important}
.leaflet-statesPane-pane path{shape-rendering:geometricPrecision}.leaflet-countyPane-pane path{shape-rendering:geometricPrecision}
.leaflet-qpfPane-pane{filter:saturate(.86) blur(.25px)}.leaflet-tempPane-pane{filter:saturate(.92)}
.map-place-divicon,.map-weather-divicon,.map-qpf-divicon{background:transparent!important;border:0!important}
.map-place-label{display:block;width:max-content;transform:translateX(-50%);color:#45484a;font-size:9px;font-weight:750;line-height:1;white-space:nowrap;text-shadow:-1px -1px 0 rgba(255,255,255,.94),1px -1px 0 rgba(255,255,255,.94),-1px 1px 0 rgba(255,255,255,.94),1px 1px 0 rgba(255,255,255,.94),0 1px 3px rgba(255,255,255,.95)}
.map-temp-label{display:grid;place-items:center;width:max-content;min-width:54px;color:#171717;line-height:1;text-align:center;white-space:nowrap;text-shadow:-1px -1px 0 rgba(255,255,255,.92),1px -1px 0 rgba(255,255,255,.92),-1px 1px 0 rgba(255,255,255,.92),1px 1px 0 rgba(255,255,255,.92),0 1px 4px rgba(255,255,255,.95)}
.map-temp-label strong{font-size:13px!important;font-weight:900!important}.map-temp-label span{margin-top:2px;font-size:8px!important;font-weight:750!important}
.map-qpf-label{display:block;padding:4px 6px;border:1px solid rgba(54,50,45,.16);border-radius:10px;background:rgba(255,253,248,.88);color:#191817;font-size:9px;font-weight:900;line-height:1;box-shadow:0 2px 8px rgba(40,35,28,.10);backdrop-filter:blur(5px)}
.radar-credit{display:none!important}
@media(max-width:720px){.radar-shell{height:370px!important}.radar-toolbar{top:9px;right:9px;left:9px}.radar-shell .radar-layer-tabs button{padding:6px 9px!important;font-size:9px!important}.radar-top-tools button{width:26px!important;height:26px!important}.radar-controls{right:9px!important;bottom:9px!important;left:9px!important;grid-template-columns:32px minmax(0,1fr) 42px!important}.radar-timeline-head span{display:none}.map-scale-legend{right:9px!important;bottom:9px!important;left:9px!important}}

/* v16 radar fullscreen and overlay stability. */
.radar-shell:fullscreen{width:100vw!important;height:100vh!important;border:0!important;border-radius:0!important;background:#d9e6ee!important}
.radar-shell:fullscreen #weatherMap{height:100%!important}
.leaflet-qpfPane-pane img{image-rendering:auto;filter:saturate(.84) blur(.35px)}
.leaflet-tempPane-pane img{image-rendering:auto}


/* v17 radar cleanup */
.radar-shell{background:#dfe6ee!important;border:1px solid #c9d4df!important;border-radius:18px!important;overflow:hidden!important}
.radar-shell #weatherMap{background:#dfe6ee!important}
.radar-shell .leaflet-tile-pane .leaflet-layer:first-child{filter:none!important}
.radar-toolbar{position:absolute;z-index:720;top:12px;left:12px;right:12px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}
.radar-toolbar>*{pointer-events:auto}
.radar-shell .radar-layer-tabs{position:static!important;display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:5px!important;border:1px solid rgba(101,96,86,.18)!important;border-radius:999px!important;background:rgba(255,253,248,.94)!important;box-shadow:0 6px 16px rgba(44,39,31,.14)!important;backdrop-filter:blur(10px)!important}
.radar-shell .radar-layer-tabs button{padding:10px 16px!important;border-radius:999px!important;font-size:12px!important;font-weight:850!important;color:#3b3935!important}
.radar-shell .radar-layer-tabs button.active{background:#242424!important;color:#fff!important}
.radar-top-tools{position:static!important;display:inline-flex!important;gap:2px!important;padding:5px!important;border:1px solid rgba(101,96,86,.18)!important;border-radius:999px!important;background:rgba(255,253,248,.94)!important;box-shadow:0 6px 16px rgba(44,39,31,.14)!important;backdrop-filter:blur(10px)!important}
.radar-top-tools button{width:34px!important;height:34px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#1d1c1a!important;box-shadow:none!important;font-size:16px!important}
.radar-top-tools button:hover{background:#f0ede6!important}
.radar-controls{position:absolute!important;z-index:720!important;left:14px!important;right:14px!important;bottom:12px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) 54px!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:7px 10px!important;border:1px solid rgba(101,96,86,.18)!important;border-radius:999px!important;background:rgba(255,253,248,.96)!important;box-shadow:0 6px 16px rgba(44,39,31,.12)!important;backdrop-filter:blur(10px)!important}
.radar-play,.radar-speed{display:grid!important;place-items:center!important;background:transparent!important;color:#161513!important}
.radar-play{width:34px!important;height:34px!important;border-radius:999px!important}.radar-speed{width:54px!important;height:34px!important;border-radius:999px!important;font-size:11px!important;font-weight:850!important}
.radar-play:hover,.radar-speed:hover{background:#f1ece3!important}
.radar-range-wrap{display:flex!important;flex-direction:column!important;justify-content:center!important;height:34px!important;padding:0 2px 11px!important}
.radar-timeline-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:4px!important;color:#2d2b28!important;font-size:10px!important;font-weight:800!important;text-transform:none!important}
.radar-timeline-head span{font-size:10px!important;font-weight:800!important;color:#5e584f!important}
.radar-timeline-head strong{font-size:11px!important;font-weight:900!important;color:#141311!important}
.radar-range-wrap input::-webkit-slider-runnable-track{height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,#272727 0 var(--progress,0%),#d6d0c7 var(--progress,0%) 100%)!important}
.radar-range-wrap input::-moz-range-track{height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,#272727 0 var(--progress,0%),#d6d0c7 var(--progress,0%) 100%)!important}
.radar-range-wrap input::-webkit-slider-thumb{width:14px!important;height:14px!important;margin-top:-5px!important;border:2px solid #242424!important;background:#fffdf8!important}
.radar-range-wrap input::-moz-range-thumb{width:14px!important;height:14px!important;border:2px solid #242424!important;background:#fffdf8!important}
.radar-time-labels{position:absolute!important;left:2px!important;right:2px!important;bottom:0!important;height:10px!important}
.radar-time-labels span{color:#847d72!important;font-size:8px!important;font-weight:700!important}
.radar-speed-menu{position:absolute!important;z-index:900!important;right:14px!important;bottom:62px!important;display:grid!important;gap:4px!important;width:64px!important;padding:6px!important;border:1px solid rgba(101,96,86,.18)!important;border-radius:16px!important;background:rgba(255,253,248,.98)!important;box-shadow:0 10px 24px rgba(35,31,24,.16)!important}
.radar-speed-menu button{height:31px!important;border-radius:999px!important;font-size:11px!important;font-weight:850!important;text-align:center!important;color:#171614!important}
.radar-speed-menu button:hover,.radar-speed-menu button.active{background:#242424!important;color:#fff!important}
.map-scale-legend{left:14px!important;right:14px!important;bottom:12px!important;padding:10px 14px 11px!important;border:1px solid rgba(101,96,86,.18)!important;border-radius:22px!important;background:rgba(255,253,248,.96)!important;box-shadow:0 6px 16px rgba(44,39,31,.12)!important;backdrop-filter:blur(10px)!important}
.map-scale-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:7px!important}.map-scale-heading b{font-size:12px!important}.map-scale-heading span{font-size:11px!important;color:#686258!important}
.map-scale-bar{height:8px!important;border-radius:999px!important}
.map-scale-labels{margin-top:6px!important}.map-scale-labels span{font-size:8px!important;font-weight:700!important;color:#6f695f!important}
.map-place-label{display:block!important;width:max-content!important;transform:translateX(-50%)!important;color:#54514c!important;font-size:10px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;text-shadow:0 1px 0 rgba(255,255,255,.98),0 0 10px rgba(255,255,255,.98)!important}
.map-temp-label{display:grid!important;justify-items:center!important;width:max-content!important;min-width:54px!important;color:#171717!important;line-height:1!important;text-align:center!important;white-space:nowrap!important;text-shadow:0 1px 0 rgba(255,255,255,.98),0 0 10px rgba(255,255,255,.98)!important}
.map-temp-label strong{font-size:16px!important;font-weight:900!important;letter-spacing:-.02em!important}.map-temp-label span{margin-top:3px!important;font-size:10px!important;font-weight:750!important;color:#4a4741!important}
.map-qpf-label{display:grid!important;justify-items:center!important;min-width:64px!important;padding:4px 8px!important;border:0!important;border-radius:16px!important;background:rgba(255,253,248,.9)!important;color:#171614!important;line-height:1!important;box-shadow:0 4px 12px rgba(40,35,28,.12)!important}
.map-qpf-label strong{font-size:14px!important;font-weight:900!important}.map-qpf-label span{margin-top:3px!important;font-size:9px!important;font-weight:750!important;color:#4c4943!important}
.leaflet-div-icon{background:transparent!important;border:0!important}
.leaflet-control-attribution{display:none!important}
@media(max-width:720px){
  .radar-shell .radar-layer-tabs button{padding:9px 13px!important;font-size:11px!important}
  .radar-top-tools button{width:32px!important;height:32px!important}
  .radar-controls{left:10px!important;right:10px!important;bottom:10px!important;grid-template-columns:34px minmax(0,1fr) 50px!important;padding:6px 9px!important}
  .map-scale-legend{left:10px!important;right:10px!important;bottom:10px!important}
}


/* v18 compact radar chrome */
.radar-shell{border-radius:14px!important}
.radar-toolbar{top:8px!important;right:8px!important;left:8px!important}
.radar-shell .radar-layer-tabs{gap:2px!important;padding:3px!important;border-radius:999px!important;box-shadow:0 4px 12px rgba(44,39,31,.10)!important}
.radar-shell .radar-layer-tabs button{padding:7px 11px!important;border-radius:999px!important;font-size:12px!important;font-weight:850!important;line-height:1!important}
.radar-top-tools{gap:0!important;padding:3px!important;border-radius:999px!important;box-shadow:0 4px 12px rgba(44,39,31,.10)!important}
.radar-top-tools button{width:29px!important;height:29px!important;font-size:14px!important}
.radar-top-tools button svg,.radar-top-tools button img{width:14px!important;height:14px!important}
.radar-controls{left:9px!important;right:9px!important;bottom:8px!important;grid-template-columns:28px minmax(0,1fr) 42px!important;gap:7px!important;min-height:38px!important;padding:4px 7px!important;border-radius:999px!important;box-shadow:0 4px 12px rgba(44,39,31,.10)!important}
.radar-play{width:28px!important;height:28px!important}.radar-play svg{width:14px!important;height:14px!important}
.radar-speed{width:42px!important;height:28px!important;font-size:9px!important}
.radar-range-wrap{height:28px!important;padding:0 1px 9px!important}
.radar-timeline-head{margin-bottom:2px!important;font-size:8px!important;line-height:1!important}.radar-timeline-head span{font-size:8px!important}.radar-timeline-head strong{font-size:9px!important}
.radar-range-wrap input{height:12px!important}.radar-range-wrap input::-webkit-slider-runnable-track{height:3px!important}.radar-range-wrap input::-moz-range-track{height:3px!important}.radar-range-wrap input::-webkit-slider-thumb{width:11px!important;height:11px!important;margin-top:-4px!important}.radar-range-wrap input::-moz-range-thumb{width:11px!important;height:11px!important}
.radar-time-labels{height:8px!important}.radar-time-labels span{font-size:7px!important}
.radar-speed-menu{right:8px!important;bottom:50px!important;width:54px!important;gap:2px!important;padding:4px!important;border-radius:13px!important}
.radar-speed-menu button{height:25px!important;font-size:9px!important}
.map-scale-legend{left:9px!important;right:9px!important;bottom:8px!important;display:grid!important;grid-template-columns:auto minmax(120px,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:8px!important;row-gap:3px!important;align-items:center!important;padding:6px 9px!important;border-radius:999px!important;box-shadow:0 4px 12px rgba(44,39,31,.10)!important}
.map-scale-heading{display:contents!important}.map-scale-heading b{grid-column:1;grid-row:1;font-size:9px!important;white-space:nowrap}.map-scale-heading span{grid-column:3;grid-row:1;font-size:8px!important;white-space:nowrap}
.map-scale-bar{grid-column:2;grid-row:1;height:6px!important;margin:0!important;border-radius:999px!important}
.map-scale-labels{grid-column:2;grid-row:2;display:flex!important;justify-content:space-between!important;margin:0!important}.map-scale-labels span{font-size:6px!important;line-height:1!important}
.leaflet-control-attribution{display:block!important;margin:0 5px 4px 0!important;padding:1px 4px!important;border-radius:4px!important;background:rgba(255,253,248,.78)!important;color:#6c675f!important;font-size:6px!important;box-shadow:none!important}
.leaflet-control-attribution a{color:#5d5952!important}
@media(max-width:720px){
 .radar-shell .radar-layer-tabs button{padding:6px 9px!important;font-size:11px!important}
 .radar-top-tools button{width:27px!important;height:27px!important}
 .radar-controls{left:7px!important;right:7px!important;bottom:7px!important;grid-template-columns:27px minmax(0,1fr) 39px!important;min-height:36px!important;padding:4px 6px!important}
 .map-scale-legend{left:7px!important;right:7px!important;bottom:7px!important;padding:5px 8px!important;column-gap:6px!important}
 .map-scale-heading b{font-size:8px!important}.map-scale-bar{height:5px!important}
}

/* v19 radar UI + government basemap refinement */
.radar-shell{
  height:405px!important;
  border:1px solid #cfcac1!important;
  border-radius:16px!important;
  background:#dfe7ec!important;
  overflow:hidden!important;
}
.radar-shell #weatherMap{background:#dfe7ec!important}
.radar-shell .leaflet-tile-pane .leaflet-layer:first-child{filter:saturate(.45) brightness(1.07) contrast(.92)!important}
.radar-toolbar{
  position:absolute!important;
  z-index:760!important;
  top:10px!important;
  right:10px!important;
  left:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  pointer-events:none!important;
}
.radar-toolbar>*{pointer-events:auto!important}
.radar-shell .radar-layer-tabs{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.radar-shell .radar-layer-tabs button{
  height:32px!important;
  padding:0 14px!important;
  border:1px solid rgba(93,88,80,.15)!important;
  border-radius:999px!important;
  background:rgba(255,253,248,.95)!important;
  color:#242321!important;
  box-shadow:0 3px 9px rgba(43,38,31,.10)!important;
  font-size:11.5px!important;
  font-weight:850!important;
  line-height:1!important;
}
.radar-shell .radar-layer-tabs button.active{
  border-color:#262626!important;
  background:#262626!important;
  color:#fff!important;
}
.radar-top-tools{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  height:32px!important;
  padding:0 4px!important;
  border:1px solid rgba(93,88,80,.15)!important;
  border-radius:999px!important;
  background:rgba(255,253,248,.95)!important;
  box-shadow:0 3px 9px rgba(43,38,31,.10)!important;
  backdrop-filter:blur(8px)!important;
}
.radar-top-tools button{
  width:27px!important;
  height:27px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#1c1b19!important;
  box-shadow:none!important;
  font-size:13px!important;
}
.radar-top-tools button:hover{background:#efebe4!important}
.radar-top-tools button img{width:15px!important;height:15px!important;object-fit:contain!important}

.radar-controls{
  position:absolute!important;
  z-index:760!important;
  left:10px!important;
  right:10px!important;
  bottom:9px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 86px 40px!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:4px 7px!important;
  border:1px solid rgba(93,88,80,.14)!important;
  border-radius:999px!important;
  background:rgba(255,253,248,.95)!important;
  box-shadow:0 3px 9px rgba(43,38,31,.10)!important;
  backdrop-filter:blur(8px)!important;
}
.radar-shell.no-playback .radar-controls{display:none!important}
.radar-play,.radar-speed{
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:transparent!important;
  color:#191816!important;
  box-shadow:none!important;
}
.radar-play{width:28px!important;height:28px!important;border-radius:999px!important}
.radar-play svg{width:15px!important;height:15px!important;fill:currentColor!important}
.radar-speed{width:40px!important;height:27px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:900!important}
.radar-play:hover,.radar-speed:hover{background:#efebe4!important}
.radar-range-wrap{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  height:26px!important;
  padding:0 1px 9px!important;
}
.radar-timeline-head{display:none!important}
.radar-range-wrap input{
  width:100%!important;
  height:14px!important;
  margin:0!important;
}
.radar-range-wrap input::-webkit-slider-runnable-track{
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#232323 0 var(--progress,0%),#d3cec6 var(--progress,0%) 100%)!important;
}
.radar-range-wrap input::-moz-range-track{
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#232323 0 var(--progress,0%),#d3cec6 var(--progress,0%) 100%)!important;
}
.radar-range-wrap input::-webkit-slider-thumb{
  width:11px!important;
  height:11px!important;
  margin-top:-4px!important;
  border:2px solid #222!important;
  border-radius:50%!important;
  background:#fffdf8!important;
}
.radar-range-wrap input::-moz-range-thumb{
  width:11px!important;
  height:11px!important;
  border:2px solid #222!important;
  border-radius:50%!important;
  background:#fffdf8!important;
}
.radar-time-labels{position:absolute!important;right:1px!important;bottom:0!important;left:1px!important;height:9px!important}
.radar-time-labels span{color:#6f6a62!important;font-size:8.5px!important;font-weight:750!important;white-space:nowrap!important}
.radar-time{
  display:block!important;
  overflow:hidden!important;
  color:#24221f!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:right!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.radar-speed-menu{
  position:absolute!important;
  z-index:900!important;
  right:10px!important;
  bottom:49px!important;
  display:grid!important;
  gap:3px!important;
  width:54px!important;
  padding:5px!important;
  border:1px solid rgba(93,88,80,.16)!important;
  border-radius:13px!important;
  background:#fffdf8!important;
  box-shadow:0 8px 20px rgba(35,31,24,.15)!important;
}
.radar-speed-menu button{
  height:27px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#1b1a18!important;
  font-size:10px!important;
  font-weight:850!important;
  text-align:center!important;
}
.radar-speed-menu button:hover,.radar-speed-menu button.active{background:#262626!important;color:#fff!important}

.map-scale-legend{
  position:absolute!important;
  z-index:760!important;
  left:10px!important;
  right:10px!important;
  bottom:9px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  grid-template-rows:18px 9px!important;
  column-gap:10px!important;
  row-gap:1px!important;
  align-items:center!important;
  min-height:34px!important;
  padding:4px 9px 5px!important;
  border:1px solid rgba(93,88,80,.14)!important;
  border-radius:999px!important;
  background:rgba(255,253,248,.95)!important;
  box-shadow:0 3px 9px rgba(43,38,31,.10)!important;
  backdrop-filter:blur(8px)!important;
}
.map-scale-legend[hidden]{display:none!important}
.map-scale-heading{display:contents!important}
.map-scale-heading b{grid-column:1;grid-row:1;font-size:10.5px!important;font-weight:850!important;white-space:nowrap!important}
.map-scale-heading span{grid-column:3;grid-row:1;font-size:9.5px!important;font-weight:750!important;color:#5f5a52!important;white-space:nowrap!important}
.map-scale-bar{grid-column:2;grid-row:1;height:7px!important;border-radius:999px!important}
.map-scale-labels{grid-column:2;grid-row:2;display:flex!important;justify-content:space-between!important;margin:0!important;line-height:1!important}
.map-scale-labels span{font-size:7.5px!important;font-weight:700!important;color:#777168!important}

.map-temp-label{
  display:grid!important;
  justify-items:center!important;
  width:max-content!important;
  min-width:52px!important;
  line-height:1.02!important;
  text-align:center!important;
  white-space:nowrap!important;
  color:#fff!important;
  text-shadow:-1px -1px 0 rgba(0,0,0,.78),1px -1px 0 rgba(0,0,0,.78),-1px 1px 0 rgba(0,0,0,.78),1px 1px 0 rgba(0,0,0,.78),0 1px 4px rgba(0,0,0,.55)!important;
}
.map-temp-label span{margin:0 0 2px!important;color:#fff!important;font-size:10.5px!important;font-weight:850!important}
.map-temp-label strong{font-size:11.5px!important;font-weight:900!important;letter-spacing:-.01em!important}
.map-qpf-label{
  display:grid!important;
  justify-items:center!important;
  min-width:58px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(20,19,17,.88)!important;
  line-height:1!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.78)!important;
}
.map-qpf-label strong{font-size:14px!important;font-weight:950!important}
.map-qpf-label span{margin-top:3px!important;font-size:9px!important;font-weight:800!important;color:rgba(35,33,30,.72)!important}
.map-place-label{font-size:9.5px!important;font-weight:760!important;color:#4f5153!important;text-shadow:0 1px 0 rgba(255,255,255,.98),0 0 8px rgba(255,255,255,.98)!important}
.leaflet-control-attribution{display:none!important}

@media(max-width:720px){
  .radar-shell{height:365px!important}
  .radar-toolbar{top:8px!important;right:8px!important;left:8px!important}
  .radar-shell .radar-layer-tabs{gap:4px!important}
  .radar-shell .radar-layer-tabs button{height:30px!important;padding:0 10px!important;font-size:10.5px!important}
  .radar-top-tools{height:30px!important;padding:0 3px!important}
  .radar-top-tools button{width:25px!important;height:25px!important}
  .radar-controls,.map-scale-legend{left:7px!important;right:7px!important;bottom:7px!important}
  .radar-controls{grid-template-columns:26px minmax(0,1fr) 74px 37px!important;gap:5px!important;padding:3px 6px!important}
  .radar-time{font-size:9.5px!important}
  .map-scale-legend{column-gap:7px!important;padding-right:7px!important;padding-left:7px!important}
  .map-scale-heading b{font-size:9.5px!important}
  .map-scale-heading span{font-size:8.5px!important}
}


/* v20 map controls + weather overlay cleanup */
.map-scale-legend{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:18px 9px!important;
  column-gap:8px!important;
}
.map-scale-heading{display:contents!important}
.map-scale-heading b{display:none!important}
.map-scale-heading span{grid-column:2!important;grid-row:1!important;font-size:9.5px!important;font-weight:800!important;color:#5d5851!important}
.map-scale-bar{grid-column:1!important;grid-row:1!important}
.map-scale-labels{grid-column:1!important;grid-row:2!important}
.radar-range-wrap input::-webkit-slider-thumb{border-width:1px!important;border-color:#242424!important}
.radar-range-wrap input::-moz-range-thumb{border-width:1px!important;border-color:#242424!important}
.map-qpf-label{opacity:.76!important;text-shadow:0 1px 0 rgba(255,255,255,.86),0 0 6px rgba(255,255,255,.68)!important}
.map-qpf-label strong{color:rgba(17,16,15,.84)!important;font-size:13.5px!important}
.map-qpf-label span{color:rgba(35,33,30,.58)!important;font-size:8.5px!important}
.radar-shell:has(.radar-layer-tabs button[data-map-layer="forecast"].active) .map-place-label{opacity:.58!important}


/* v21 weather polish: warmer playback accent + cleaner 10-day forecast */
:root{--wx-amber:#d9a719;--wx-amber-deep:#c98d08;--wx-amber-soft:#f1dfae;--wx-cream:#fbfaf6;--wx-cream-2:#f6f2e9;--wx-cream-3:#fffaf0}

/* Radar playback: use the same warm accent family as the hourly graph. */
.radar-controls{
  grid-template-columns:28px minmax(0,1fr) auto 38px!important;
  gap:5px!important;
  min-height:34px!important;
  padding:4px 7px!important;
}
.radar-range-wrap{
  height:25px!important;
  padding:0 0 8px!important;
}
.radar-range-wrap input{height:12px!important}
.radar-range-wrap input::-webkit-slider-runnable-track{
  height:4px!important;
  background:linear-gradient(90deg,var(--wx-amber-deep) 0 var(--progress,0%),#eadfca var(--progress,0%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(173,132,45,.06)!important;
}
.radar-range-wrap input::-moz-range-track{
  height:4px!important;
  background:linear-gradient(90deg,var(--wx-amber-deep) 0 var(--progress,0%),#eadfca var(--progress,0%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(173,132,45,.06)!important;
}
.radar-range-wrap input::-webkit-slider-thumb{
  width:12px!important;
  height:12px!important;
  margin-top:-4px!important;
  border:1px solid var(--wx-amber-deep)!important;
  background:#fffdf8!important;
  box-shadow:0 1px 4px rgba(157,111,15,.20)!important;
}
.radar-range-wrap input::-moz-range-thumb{
  width:12px!important;
  height:12px!important;
  border:1px solid var(--wx-amber-deep)!important;
  background:#fffdf8!important;
  box-shadow:0 1px 4px rgba(157,111,15,.20)!important;
}
.radar-play{color:var(--wx-amber-deep)!important}
.radar-play:hover{background:#fff4d8!important;color:#a97500!important}
.radar-time{
  min-width:58px!important;
  width:auto!important;
  padding:0 1px!important;
  color:#2a2824!important;
  font-size:10px!important;
}
.radar-speed{
  width:38px!important;
  color:#2b2925!important;
  border:1px solid rgba(205,153,36,.18)!important;
  background:#fff9ea!important;
}
.radar-speed:hover{background:#fff1cd!important}
.radar-time-labels{bottom:-1px!important;height:8px!important}
.radar-time-labels span{font-size:7.5px!important;color:#777168!important}

/* 10-day cards: lighter, warmer, and visually tied to the rest of Weather. */
.ten-day-card{
  background:linear-gradient(180deg,#fbfaf6 0%,#faf7f0 100%)!important;
}
.daily-list{gap:9px!important}
.daily-card{
  border:1px solid #e2dbcf!important;
  background:linear-gradient(180deg,#f8f5ee 0%,#f3eee5 100%)!important;
  box-shadow:0 2px 7px rgba(47,39,27,.035)!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.daily-card:hover{
  border-color:#d8c59b!important;
  background:linear-gradient(180deg,#fffaf0 0%,#f7efdf 100%)!important;
  box-shadow:0 5px 13px rgba(79,60,25,.075)!important;
}
.daily-card.today{
  border-color:#dfc36d!important;
  background:linear-gradient(180deg,#fff9e8 0%,#f7efdc 100%)!important;
  box-shadow:inset 0 3px 0 rgba(217,167,25,.82),0 4px 11px rgba(89,65,17,.065)!important;
}
.daily-card[aria-expanded="true"]{
  border-color:#d5b452!important;
  background:linear-gradient(180deg,#fff8e4 0%,#f7edda 100%)!important;
  box-shadow:inset 0 3px 0 var(--wx-amber),0 5px 14px rgba(89,65,17,.08)!important;
}
.daily-day b{color:#171614!important}.daily-day small{color:#777168!important}
.daily-name{color:#2c2924!important}
.daily-temp{color:#171614!important}.daily-temp .low{color:#777168!important}
.daily-rain{color:#5590bf!important}

/* Expanded day: same cream/glass family as Weather details rather than one flat beige slab. */
.daily-detail{
  margin-top:10px!important;
  padding:18px!important;
  border:1px solid #ddd4c5!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 86% 0%,rgba(244,205,102,.14),transparent 31%),
    linear-gradient(180deg,#fbfaf6 0%,#f6f1e7 100%)!important;
  box-shadow:0 5px 15px rgba(48,39,26,.055)!important;
}
.daily-detail:before{
  top:-6px!important;
  width:12px!important;
  height:12px!important;
  background:#fbfaf6!important;
  border-top:1px solid #ddd4c5!important;
  border-left:1px solid #ddd4c5!important;
}
.daily-detail-head{align-items:flex-start!important}
.daily-detail-head h3{color:#171614!important;letter-spacing:-.02em!important}
.daily-detail-head>div>span{display:inline-block!important;margin-top:3px!important;color:#8a8175!important}
.daily-detail-summary{margin:11px 0 0!important;color:#5f5a52!important;font-size:10.5px!important;line-height:1.5!important}
.daily-detail-head button{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #ded7cc!important;
  border-radius:50%!important;
  background:#fffdf8!important;
  color:#302d29!important;
  font-size:16px!important;
  box-shadow:0 2px 7px rgba(45,37,27,.06)!important;
}
.daily-detail-head button:hover{background:#fff4d8!important;border-color:#d8bd71!important}
.daily-detail-grid{gap:9px!important}
.daily-detail-grid>div{
  min-height:76px!important;
  border:1px solid #e1d9cd!important;
  border-radius:10px!important;
  background:rgba(255,253,248,.88)!important;
  box-shadow:0 1px 3px rgba(47,39,27,.025)!important;
}
.daily-detail-grid small{color:#857e73!important;letter-spacing:.03em!important}
.daily-detail-grid b{color:#171614!important}
.daily-detail-grid span{color:#706a61!important}

@media(max-width:720px){
  .radar-controls{grid-template-columns:26px minmax(0,1fr) auto 36px!important;gap:4px!important;padding:3px 6px!important}
  .radar-time{min-width:52px!important;font-size:9px!important}
  .radar-speed{width:36px!important}
}

/* v22: neutral 10-day forecast rhythm — match the Hourly section, no special warm selection colors. */
.ten-day-card{
  background:#fbfaf6!important;
  border:1px solid #d8d2c7!important;
  box-shadow:0 7px 20px rgba(48,39,26,.055)!important;
}
.daily-list{
  gap:0!important;
  overflow:hidden auto!important;
  border-radius:8px!important;
  background:#fbfaf6!important;
}
.daily-card{
  min-height:202px!important;
  padding:14px!important;
  border:0!important;
  border-right:1px solid #ded8ce!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background .15s ease!important;
}
.daily-card:last-child{border-right:0!important}
.daily-card:hover,
.daily-card[aria-expanded="true"]{
  border-color:#ded8ce!important;
  background:#f3f0e9!important;
  box-shadow:none!important;
  transform:none!important;
}
.daily-card.today{
  border-color:#ded8ce!important;
  background:#eeeae2!important;
  box-shadow:none!important;
}
.daily-day b,.daily-name,.daily-temp{color:#171717!important}
.daily-day small,.daily-temp .low{color:#706d66!important}
.daily-rain{color:#6f9bc1!important}

.daily-detail{
  margin-top:8px!important;
  padding:18px!important;
  border:1px solid #ded8ce!important;
  border-radius:10px!important;
  background:#fbfaf6!important;
  box-shadow:none!important;
}
.daily-detail:before{
  top:-6px!important;
  width:12px!important;
  height:12px!important;
  background:#fbfaf6!important;
  border-top:1px solid #ded8ce!important;
  border-left:1px solid #ded8ce!important;
}
.daily-detail-head{align-items:flex-start!important}
.daily-detail-head h3{color:#171717!important;letter-spacing:-.02em!important}
.daily-detail-head>div>span{display:inline-block!important;margin-top:3px!important;color:#706d66!important}
.daily-detail-summary{margin:10px 0 0!important;color:#5f5c56!important;font-size:10.5px!important;line-height:1.5!important}
.daily-detail-head button{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #ded8ce!important;
  border-radius:50%!important;
  background:#fffdf8!important;
  color:#292826!important;
  font-size:15px!important;
  box-shadow:none!important;
}
.daily-detail-head button:hover{background:#eeeae2!important;border-color:#cec7bc!important}
.daily-detail-grid{gap:8px!important}
.daily-detail-grid>div{
  min-height:76px!important;
  border:1px solid #ded8ce!important;
  border-radius:8px!important;
  background:#fffdf8!important;
  box-shadow:none!important;
}
.daily-detail-grid small{color:#77736d!important;letter-spacing:.02em!important}
.daily-detail-grid b{color:#171717!important}
.daily-detail-grid span{color:#706d66!important}


/* v23: forecast selection cleanup, denser rain labels, fixed temp overlay, and scrollable 15-minute radar timeline */
/* The current date is not permanently highlighted; only an opened day has a quiet selected state. */
.daily-card.today{background:transparent!important;box-shadow:none!important}
.daily-card[aria-expanded="true"]{background:#f3f0e9!important;box-shadow:none!important}
.daily-card:focus{outline:none!important}
.daily-card:focus-visible{outline:1px solid #aaa49a!important;outline-offset:-1px!important}

/* Expanded 10-day details: no white cards nested inside a cream panel. Use separators instead. */
.daily-detail-head button{
  width:24px!important;height:24px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#2d2b27!important;font-size:18px!important;line-height:1!important;
}
.daily-detail-head button:hover{background:transparent!important;border:0!important;color:#111!important}
.daily-detail-grid{gap:0!important;margin-top:13px!important;border-top:1px solid #ded8ce!important}
.daily-detail-grid>div{
  min-height:74px!important;padding:11px 12px!important;border:0!important;border-right:1px solid #ded8ce!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
.daily-detail-grid>div:nth-child(4n){border-right:0!important}
.daily-detail-grid>div:nth-child(n+5){border-top:1px solid #ded8ce!important}

/* Alert icon: optically centered and slightly larger. */
.alert-mini-art{display:grid!important;place-items:center!important;align-self:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important}
.alert-mini-art .alert-svg{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important;transform:translateY(1px)!important}

/* Play and pause use exactly the same accent treatment. */
.radar-play,.radar-play:hover,.radar-play:active,.radar-play:focus{color:var(--wx-amber-deep)!important;background:transparent!important}

/* Scrollable 15-minute timeline. Speed stays fixed behind a divider on the far right. */
.radar-controls{
  grid-template-columns:28px minmax(0,1fr) 42px!important;
  gap:7px!important;min-height:36px!important;padding:4px 7px!important;
}
.radar-time{display:none!important}
.radar-timeline-window{
  min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding-right:8px!important;border-right:1px solid #d9d3c9!important;
  scrollbar-width:none!important;overscroll-behavior-x:contain!important;
}
.radar-timeline-window::-webkit-scrollbar{display:none!important}
.radar-range-wrap{
  position:relative!important;width:1500px!important;min-width:1500px!important;height:27px!important;padding:0 0 10px!important;
}
.radar-range-wrap input{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:12px!important;margin:0!important}
.radar-time-labels{position:absolute!important;top:16px!important;bottom:auto!important;left:0!important;right:0!important;height:10px!important}
.radar-time-labels span{font-size:8px!important;font-weight:750!important;color:#68635c!important}
.radar-time-labels span:first-child{transform:translateX(0)!important}
.radar-time-labels span:last-child{transform:translateX(-100%)!important}
.radar-speed{width:38px!important;height:28px!important;border:0!important;background:transparent!important;color:#2b2925!important}
.radar-speed:hover{background:#eeeae2!important}

/* Forecast rain values are annotations, not badges. Keep them readable but light. */
.map-qpf-label{opacity:.72!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;min-width:54px!important;text-shadow:0 1px 1px rgba(255,255,255,.92),0 0 5px rgba(255,255,255,.76)!important}
.map-qpf-label strong{font-size:12px!important;font-weight:900!important;color:rgba(22,20,18,.88)!important}
.map-qpf-label span{margin-top:2px!important;font-size:7.5px!important;font-weight:750!important;color:rgba(38,35,31,.54)!important}

/* Temperature overlay should read as a full field, with city temperatures above it. */
.radar-shell:has(.radar-layer-tabs button[data-map-layer="temperature"].active) .leaflet-pane.leaflet-tempPane-pane{opacity:1!important}

@media(max-width:720px){
  .daily-detail-grid>div{border-right:1px solid #ded8ce!important}
  .daily-detail-grid>div:nth-child(2n){border-right:0!important}
  .daily-detail-grid>div:nth-child(n+3){border-top:1px solid #ded8ce!important}
  .radar-range-wrap{width:1250px!important;min-width:1250px!important}
  .radar-controls{grid-template-columns:26px minmax(0,1fr) 38px!important;gap:5px!important}
}


/* v24: radar controls cleanup, modern 10-day panel, neutral play button, and visible temperature field */
.radar-play,
.radar-play:hover,
.radar-play:active,
.radar-play:focus{
  color:#23211d!important;
  background:#fffdf8!important;
  border:1px solid rgba(101,96,86,.18)!important;
}
.radar-play svg{fill:currentColor!important}

.radar-controls{
  grid-template-columns:34px minmax(0,1fr) 50px!important;
  gap:8px!important;
  min-height:48px!important;
  padding:7px 9px!important;
  border-radius:24px!important;
}
.radar-timeline-window{padding-right:10px!important}
.radar-range-wrap{width:1650px!important;min-width:1650px!important;height:38px!important;padding:0 0 18px!important}
.radar-range-wrap input{top:2px!important;height:16px!important}
.radar-range-wrap input::-webkit-slider-runnable-track{height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,#d69a13 0 var(--progress,0%),#c8c1b6 var(--progress,0%) 100%)!important}
.radar-range-wrap input::-moz-range-track{height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,#d69a13 0 var(--progress,0%),#c8c1b6 var(--progress,0%) 100%)!important}
.radar-range-wrap input::-webkit-slider-thumb{width:12px!important;height:12px!important;margin-top:-4px!important;border:1px solid #3b362c!important;background:#fffdf8!important}
.radar-range-wrap input::-moz-range-thumb{width:12px!important;height:12px!important;border:1px solid #3b362c!important;background:#fffdf8!important}
.radar-time-labels{top:18px!important;height:16px!important}
.radar-time-mark{position:absolute!important;display:block!important;transform:translateX(-50%)!important;padding-left:8px!important}
.radar-time-mark i{position:absolute!important;left:0!important;top:-15px!important;width:1px!important;height:14px!important;background:#cdbf91!important;content:''!important;display:block!important}
.radar-time-mark b{font-size:10px!important;font-weight:800!important;color:#5c564d!important;white-space:nowrap!important}
.radar-time-labels span:first-child{transform:none!important;padding-left:0!important}
.radar-time-labels span:first-child i{left:0!important}
.radar-time-labels span:last-child{transform:translateX(-100%)!important;padding-left:0!important}
.radar-time-labels span:last-child i{left:auto!important;right:0!important}
.radar-speed,.radar-speed:hover{background:#fffdf8!important;border:1px solid rgba(101,96,86,.18)!important;color:#23211d!important}

.daily-list{gap:10px!important}
.daily-card{
  border:1px solid #e0d9ce!important;
  border-right:1px solid #e0d9ce!important;
  border-radius:10px!important;
  background:#f8f4ec!important;
  box-shadow:none!important;
}
.daily-card:hover,.daily-card[aria-expanded="true"]{background:#f1ece3!important;border-color:#c8c0b5!important}
.daily-card.today{background:#f8f4ec!important}
.daily-detail{
  background:#f8f4ec!important;
  border:1px solid #e0d9ce!important;
  border-radius:12px!important;
  padding:18px 18px 16px!important;
}
.daily-detail:before{background:#f8f4ec!important;border-top:1px solid #e0d9ce!important;border-left:1px solid #e0d9ce!important}
.daily-detail-head>div>span{display:none!important}
.daily-detail-summary{margin:8px 0 0!important}
.daily-detail-grid{
  gap:10px!important;
  margin-top:14px!important;
  border-top:0!important;
}
.daily-detail-grid>div{
  background:#fffdf8!important;
  border:1px solid #e4ddd2!important;
  border-right:1px solid #e4ddd2!important;
  border-radius:10px!important;
  padding:12px 12px 11px!important;
  min-height:82px!important;
}
.daily-detail-head button{border:0!important;border-radius:0!important;background:transparent!important;width:24px!important;height:24px!important}
.daily-detail-head button:hover{background:transparent!important;border:0!important}

.temp-field-layer,.temp-field-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important}
.temp-field-canvas{opacity:.9!important}
.radar-shell:has(.radar-layer-tabs button[data-map-layer="temperature"].active) .leaflet-pane.leaflet-tempPane-pane{opacity:1!important}

@media(max-width:720px){
  .radar-controls{grid-template-columns:32px minmax(0,1fr) 44px!important;min-height:44px!important}
  .radar-range-wrap{width:1360px!important;min-width:1360px!important;height:35px!important}
  .radar-time-mark b{font-size:9px!important}
}


/* v25: unified 10-day surfaces, exact radar ticks, flat controls, stable rain density, full temperature field */
.daily-card,
.daily-card.today,
.daily-card:hover,
.daily-card[aria-expanded="true"]{
  background:#f3efe7!important;
  border:1px solid #ddd5ca!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.daily-card:hover,.daily-card[aria-expanded="true"]{background:#eee9e0!important;border-color:#cfc6ba!important}
.daily-detail{
  background:#f3efe7!important;
  border:1px solid #ddd5ca!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.daily-detail:before{background:#f3efe7!important;border-color:#ddd5ca!important}
.daily-detail-grid{gap:14px 22px!important;margin-top:12px!important;border:0!important}
.daily-detail-grid>div,
.daily-detail-grid>div:nth-child(n),
.daily-detail-grid>div:nth-child(4n),
.daily-detail-grid>div:nth-child(n+5){
  min-height:68px!important;
  padding:8px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.daily-detail-grid small{font-size:8px!important;color:#7a746a!important}
.daily-detail-grid b{font-size:13px!important}
.daily-detail-grid span{font-size:8px!important;color:#6e685f!important}
.daily-detail-summary{margin:6px 0 0!important}

.radar-controls{grid-template-columns:28px minmax(0,1fr) 38px!important;gap:7px!important;min-height:50px!important;padding:6px 8px!important}
.radar-play,.radar-play:hover,.radar-play:active,.radar-play:focus,
.radar-speed,.radar-speed:hover,.radar-speed:active,.radar-speed:focus{
  width:auto!important;height:32px!important;padding:0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#26231f!important;
}
.radar-play svg{width:17px!important;height:17px!important}
.radar-speed{font-size:11px!important;font-weight:900!important}
.radar-timeline-window{padding:0!important;border-right:1px solid #d8d1c6!important}
.radar-range-wrap{box-sizing:border-box!important;width:1680px!important;min-width:1680px!important;height:40px!important;padding:0 10px 19px!important}
.radar-range-wrap input{left:10px!important;top:2px!important;width:calc(100% - 20px)!important;height:16px!important}
.radar-time-labels{left:10px!important;right:10px!important;top:19px!important;height:17px!important}
.radar-time-mark{position:absolute!important;display:block!important;transform:translateX(-50%)!important;padding:0!important}
.radar-time-mark i{position:absolute!important;left:50%!important;top:-16px!important;width:1px!important;height:13px!important;background:#c8b36e!important;transform:translateX(-.5px)!important}
.radar-time-mark b{font-size:10.5px!important;font-weight:800!important;color:#565047!important;white-space:nowrap!important}
.radar-time-mark.first{transform:none!important}.radar-time-mark.first i{left:0!important}.radar-time-mark.first b{display:block!important;transform:none!important}
.radar-time-mark.last{transform:translateX(-100%)!important}.radar-time-mark.last i{left:100%!important}.radar-time-mark.last b{display:block!important;text-align:right!important}
.radar-range-wrap input::-webkit-slider-runnable-track{height:4px!important;background:linear-gradient(90deg,#d6a11d 0 var(--progress,0%),#c9c2b8 var(--progress,0%) 100%)!important}
.radar-range-wrap input::-moz-range-track{height:4px!important;background:linear-gradient(90deg,#d6a11d 0 var(--progress,0%),#c9c2b8 var(--progress,0%) 100%)!important}
.radar-range-wrap input::-webkit-slider-thumb{width:12px!important;height:12px!important;margin-top:-4px!important;border:1px solid #423d35!important;background:#fffdf8!important}
.radar-range-wrap input::-moz-range-thumb{width:12px!important;height:12px!important;border:1px solid #423d35!important;background:#fffdf8!important}

.map-qpf-label{opacity:.66!important;min-width:48px!important;text-shadow:0 1px 1px rgba(255,255,255,.86),0 0 4px rgba(255,255,255,.66)!important}
.map-qpf-label strong{font-size:10.5px!important}.map-qpf-label span{font-size:7px!important;opacity:.72!important}
.temp-field-canvas{position:absolute!important;inset:0!important;z-index:285!important;width:100%!important;height:100%!important;pointer-events:none!important;opacity:.86!important;filter:blur(15px) saturate(1.08)!important;transform:scale(1.035)!important;transform-origin:center!important}

@media(max-width:720px){
  .radar-range-wrap{width:1380px!important;min-width:1380px!important}
  .radar-time-mark b{font-size:9.5px!important}
  .daily-detail-grid{gap:10px 16px!important}
}


/* v26: stable temperature overlay, denser forecast-rain annotations, cleaner controls, and refined timeline edges */
.daily-detail-grid{gap:10px!important;margin-top:14px!important}
.daily-detail-grid>div,
.daily-detail-grid>div:nth-child(n),
.daily-detail-grid>div:nth-child(4n),
.daily-detail-grid>div:nth-child(n+5){
  min-height:74px!important;
  padding:10px 11px!important;
  border:1px solid #d8d0c4!important;
  border-radius:8px!important;
  background:#f3efe7!important;
  box-shadow:none!important;
}

.radar-controls>.radar-play,
.radar-controls>.radar-speed{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:8px!important;
  color:#28251f!important;
}
.radar-controls>.radar-play:hover,
.radar-controls>.radar-speed:hover,
.radar-controls>.radar-play:focus-visible,
.radar-controls>.radar-speed:focus-visible{
  background:rgba(228,221,209,.72)!important;
  border:0!important;
}
.radar-controls{grid-template-columns:30px minmax(0,1fr) 38px!important;padding:6px 9px!important}
.radar-range-wrap{width:1700px!important;min-width:1700px!important;padding:0 28px 19px!important}
.radar-range-wrap input{left:28px!important;width:calc(100% - 56px)!important}
.radar-time-labels{left:28px!important;right:28px!important}
.radar-time-mark b{font-size:10.5px!important}
.radar-time-mark.first{transform:translateX(-2px)!important}
.radar-time-mark.last{transform:translateX(calc(-100% + 2px))!important}
.radar-timeline-window{padding-left:0!important;padding-right:0!important}

.temp-field-image{filter:saturate(1.06) blur(7px)!important;transform:scale(1.015)!important;transform-origin:center!important}
.map-qpf-label{opacity:.62!important;min-width:44px!important}
.map-qpf-label strong{font-size:10px!important;font-weight:900!important}
.map-qpf-label span{font-size:6.8px!important;opacity:.66!important}

.swuak-home-dot{filter:drop-shadow(0 0 2px rgba(214,161,29,.35))}
.swuak-home-pulse-ring{animation:swuakHomePulse 1.8s ease-in-out infinite}
@keyframes swuakHomePulse{0%,100%{stroke-opacity:.15;fill-opacity:.03}50%{stroke-opacity:.38;fill-opacity:.09}}

@media(max-width:720px){
  .radar-range-wrap{width:1420px!important;min-width:1420px!important;padding-left:24px!important;padding-right:24px!important}
  .radar-range-wrap input{left:24px!important;width:calc(100% - 48px)!important}
  .radar-time-labels{left:24px!important;right:24px!important}
  .daily-detail-grid>div{min-height:70px!important}
}

/* v27: white 10-day surfaces, sparse rain labels, stable full-map temperature field, exact timeline edges */
.daily-card,
.daily-card.today,
.daily-card:hover,
.daily-card[aria-expanded="true"]{
  background:#fff!important;
  border:1px solid #ddd8d0!important;
  color:#171717!important;
}
.daily-card:hover,.daily-card[aria-expanded="true"]{background:#fafafa!important;border-color:#c9c3ba!important}
.daily-detail{
  background:#fff!important;
  border:1px solid #ddd8d0!important;
}
.daily-detail:before{background:#fff!important;border-color:#ddd8d0!important}
.daily-detail-grid{gap:10px!important}
.daily-detail-grid>div,
.daily-detail-grid>div:nth-child(n),
.daily-detail-grid>div:nth-child(4n),
.daily-detail-grid>div:nth-child(n+5){
  background:#fff!important;
  border:1px solid #ded9d1!important;
  border-radius:8px!important;
  padding:10px 11px!important;
}

/* Play and speed are naked icons/text at rest; hover alone gets a faint surface. */
.radar-controls>.radar-play,
.radar-controls>.radar-speed,
.radar-controls>.radar-play:active,
.radar-controls>.radar-speed:active,
.radar-controls>.radar-play:focus,
.radar-controls>.radar-speed:focus{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.radar-controls>.radar-play:hover,
.radar-controls>.radar-speed:hover,
.radar-controls>.radar-play:focus-visible,
.radar-controls>.radar-speed:focus-visible{background:rgba(228,221,209,.62)!important}

/* Track begins/ends with breathing room. Tick lines/time labels align to the actual thumb-center positions. */
.radar-range-wrap{padding-left:0!important;padding-right:0!important}
.radar-range-wrap input{left:38px!important;width:calc(100% - 76px)!important}
.radar-time-labels{left:44px!important;right:44px!important}
.radar-time-mark.first{transform:none!important}
.radar-time-mark.last{transform:translateX(-100%)!important}
.radar-time-mark i{top:-16px!important;height:14px!important}
.radar-time-mark b{font-size:10.5px!important}

/* Full-viewport temperature field. This is screen-space, so no rectangular geographic cut-off while panning. */
.temp-field-screen{
  position:absolute!important;
  z-index:285!important;
  inset:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  border-radius:inherit!important;
}
.temp-field-screen-canvas{
  display:block!important;
  width:100%!important;
  height:100%!important;
  opacity:.82!important;
  filter:saturate(1.08) blur(2px)!important;
}
.temp-field-image,.temp-field-layer,.temp-field-canvas{display:none!important}

/* Rain amounts stay annotations, not a uniform grid. */
.map-qpf-label{opacity:.64!important;min-width:42px!important}
.map-qpf-label strong{font-size:10px!important}
.map-qpf-label span{font-size:6.7px!important;opacity:.64!important}

@media(max-width:720px){
  .radar-range-wrap input{left:34px!important;width:calc(100% - 68px)!important}
  .radar-time-labels{left:40px!important;right:40px!important}
}


/* v28: consistent forecast white, readable 10-day text, clickable/faded timeline, original NOAA temperature raster */
.ten-day-card,
.daily-card,
.daily-card.today,
.daily-card:hover,
.daily-card[aria-expanded="true"],
.daily-detail,
.daily-detail:before,
.daily-detail-grid>div{background:#fbfaf6!important}
.daily-card{border-color:#d8d2c7!important}
.daily-card:hover,.daily-card[aria-expanded="true"]{border-color:#bbb3a7!important}
.daily-day small{font-size:9.5px!important;color:#6c675f!important}
.daily-name{font-size:10.5px!important}
.daily-rain{font-size:10px!important;font-weight:650!important}
.daily-detail-summary{font-size:10.5px!important}
.daily-detail-grid small{font-size:9px!important}
.daily-detail-grid span{font-size:9px!important}
.daily-detail-grid b{font-size:13.5px!important}
.daily-detail-grid>div{border-color:#d8d2c7!important}
.detail-reading b{font-size:25px!important}

/* Symmetric start/end breathing room. */
.radar-range-wrap{padding-left:24px!important;padding-right:24px!important}
.radar-range-wrap input{left:24px!important;width:calc(100% - 48px)!important}
.radar-time-labels{left:24px!important;right:24px!important}
.radar-time-mark{
  position:absolute!important;appearance:none!important;-webkit-appearance:none!important;
  border:0!important;padding:0!important;margin:0!important;background:transparent!important;
  transform:translateX(-50%)!important;cursor:pointer!important;color:inherit!important;opacity:.42!important
}
.radar-time-mark.first,.radar-time-mark.last{transform:translateX(-50%)!important}
.radar-time-mark i{left:50%!important;right:auto!important;transform:translateX(-.5px)!important}
.radar-time-mark b{display:block!important;text-align:center!important;color:#6c665d!important;font-size:10.5px!important;font-weight:760!important;white-space:nowrap!important;transition:opacity .14s ease,color .14s ease,font-weight .14s ease!important}
.radar-time-mark:hover{opacity:.75!important}
.radar-time-mark.active{opacity:1!important}
.radar-time-mark.active b{color:#211f1b!important;font-weight:900!important}
.radar-time-mark.active i{background:#d39d16!important;width:2px!important}
.radar-time-mark:focus-visible{outline:1px solid #a88937!important;outline-offset:3px!important;border-radius:3px!important}

/* Restore the original federal NDFD temperature raster, remove synthetic fog field. */
.temp-field-screen,.temp-field-screen-canvas,.temp-field-layer,.temp-field-canvas{display:none!important}
.leaflet-pane.leaflet-tempPane-pane{opacity:1!important;filter:none!important}
.radar-shell:has(.radar-layer-tabs button[data-map-layer="temperature"].active) .leaflet-pane.leaflet-tempPane-pane{opacity:1!important;filter:none!important}


/* v29 — Leaflet NOAA temperature overlay + balanced irregular rain labels */
.swuak-noaa-temperature{image-rendering:auto!important;filter:none!important}
.leaflet-pane.leaflet-tempPane-pane{opacity:1!important;filter:none!important}
.map-qpf-label{opacity:.69!important;min-width:44px!important;text-shadow:0 1px 1px rgba(255,255,255,.88),0 0 4px rgba(255,255,255,.72)!important}
.map-qpf-label strong{font-size:10.5px!important;font-weight:900!important;color:rgba(20,18,16,.88)!important}
.map-qpf-label span{font-size:7px!important;font-weight:750!important;color:rgba(39,36,32,.58)!important;opacity:1!important}


/* v30 — equal rain-label repetition, original Leaflet NDFD temperature WMS, taller radar, independent timeline ticks */
.radar-shell{height:500px!important}
@media(max-width:720px){.radar-shell{height:415px!important}}

/* Temperature is again the original NOAA/NDFD WMS drawn natively by Leaflet. */
.swuak-noaa-temperature,.temp-field-screen,.temp-field-screen-canvas,.temp-field-image,.temp-field-layer,.temp-field-canvas{display:none!important}
.leaflet-pane.leaflet-tempPane-pane{opacity:1!important;filter:none!important}
.radar-shell:has(.radar-layer-tabs button[data-map-layer="temperature"].active) .leaflet-pane.leaflet-tempPane-pane{opacity:1!important;filter:none!important}

/* Timeline ticks are fixed reference marks. The thumb moves independently; no moving gold vertical line. */
.radar-time-mark i,
.radar-time-mark.active i{width:1px!important;background:#cbbf9b!important;opacity:.72!important}
.radar-time-mark.active i{width:1px!important;background:#cbbf9b!important}
.radar-time-mark.active b{color:#211f1b!important;font-weight:900!important}
.radar-range-wrap input::-webkit-slider-thumb{border:1px solid #d39d16!important;background:#fffdf8!important}
.radar-range-wrap input::-moz-range-thumb{border:1px solid #d39d16!important;background:#fffdf8!important}

/* Forecast amount labels remain irregular and light; repetition is handled equally per rain band in JS. */
.map-qpf-label{opacity:.66!important}
.map-qpf-label strong{font-size:10px!important}
.map-qpf-label span{font-size:6.7px!important}


/* v31: restore temperature city names + temperatures above NOAA raster */
.leaflet-weatherLabelPane-pane{z-index:650!important;opacity:1!important;display:block!important;pointer-events:none!important}
.map-weather-divicon{overflow:visible!important}
.map-temp-label{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:70px!important;
  color:#171717!important;
  white-space:nowrap!important;
  line-height:1.02!important;
  text-align:center!important;
  text-shadow:-1px -1px 0 rgba(255,255,255,.98),1px -1px 0 rgba(255,255,255,.98),-1px 1px 0 rgba(255,255,255,.98),1px 1px 0 rgba(255,255,255,.98),0 0 5px rgba(255,255,255,.92)!important;
}
.map-temp-label span{order:1!important;margin:0 0 2px!important;font-size:10px!important;font-weight:850!important;color:#202020!important}
.map-temp-label strong{order:2!important;font-size:13px!important;font-weight:900!important;color:#101010!important;letter-spacing:-.01em!important}

/* v32: temperature labels explicitly above the working NOAA raster */
.leaflet-weatherLabelPane-pane{z-index:690!important;display:block!important;visibility:visible!important;opacity:1!important}
.map-weather-divicon{display:block!important;visibility:visible!important;opacity:1!important}


/* v33 — geographic reference linework over Temperature */
/* Pane z-index is switched in JS only while Temperature is active. Keep linework restrained. */
.leaflet-statesPane-pane path,
.leaflet-countyPane-pane path{vector-effect:non-scaling-stroke}
.radar-shell:has(.radar-layer-tabs button[data-map-layer="temperature"].active) .leaflet-statesPane-pane,
.radar-shell:has(.radar-layer-tabs button[data-map-layer="temperature"].active) .leaflet-countyPane-pane,
.radar-shell:has(.radar-layer-tabs button[data-map-layer="temperature"].active) .leaflet-roadsPane-pane,
.radar-shell:has(.radar-layer-tabs button[data-map-layer="temperature"].active) .leaflet-hydroPane-pane{
  mix-blend-mode:multiply;
}