body.page-live{background:var(--bg);overflow-x:hidden}.page-live .alpine-panorama{height:230px;background-image:linear-gradient(180deg,rgba(16,24,30,.2),rgba(16,24,30,.08)),url('/assets/combe-banner.webp');background-position:center 54%;background-size:cover;border-bottom:1px solid var(--line)}.live-page{padding-top:30px}.live-toolbar{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.live-toolbar h1{margin:0 0 6px;font-size:clamp(27px,3vw,36px);letter-spacing:-.035em}.snapshot-meta{display:flex;align-items:center;gap:9px;margin:0;color:var(--muted);font-size:13px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ice);box-shadow:0 0 0 4px rgba(176,209,232,.12)}.status-dot.offline{background:var(--warm);box-shadow:0 0 0 4px rgba(228,181,144,.1)}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.toolbar-actions .segmented{margin-right:4px}.date-control input{min-width:148px}.search-control{position:relative;display:flex;align-items:center}.search-control input{width:224px;padding-left:37px}.search-glyph{position:absolute;left:13px;width:13px;height:13px;border:1.5px solid var(--muted);border-radius:50%;pointer-events:none}.search-glyph:after{content:'';position:absolute;width:6px;height:1.5px;background:var(--muted);transform:rotate(45deg);right:-5px;bottom:-2px}.snapshot-notice,.api-error{padding:11px 14px;border:1px solid #6d5f4c;background:#29251f;border-radius:8px;color:#eed7b3;margin:0 0 18px;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.86fr) minmax(350px,1fr);gap:16px;align-items:stretch}.map-panel,.station-panel,.comparison-panel{overflow:hidden}.map-panel{min-height:550px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px 14px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0;font-size:17px}.panel-heading p{margin:3px 0 0;font-size:12px}.map-legend{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}.legend-chip{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:7px}.legend-chip:first-child{margin-left:0}.legend-chip.cold{background:#91c7eb}.legend-chip.mild{background:#a8c2b4}.legend-chip.warm{background:#e4b590}.relief-map{height:469px;background:#202a2e}.leaflet-container{font:12px var(--font);background:#1a2328}.leaflet-control-zoom{border:1px solid #53636c!important;border-radius:7px!important;overflow:hidden;box-shadow:0 5px 16px #0006!important}.leaflet-control-zoom a{background:#20292e!important;color:var(--text)!important;border-color:#53636c!important}.leaflet-control-attribution{background:rgba(25,29,32,.8)!important;color:#aab7bf!important}.leaflet-control-attribution a{color:#c0dced!important}.map-bottom{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;padding:10px 20px}.map-marker{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(237,243,245,.72);background:#20282d;box-shadow:0 5px 14px #0008,0 0 0 5px rgba(176,209,232,.11);color:#eef6fa;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums;transition:transform .16s ease,box-shadow .16s ease}.map-marker:hover,.map-marker.selected{transform:scale(1.12);box-shadow:0 7px 18px #000a,0 0 0 6px rgba(176,209,232,.23)}.map-marker.cold{background:#74a9cb;color:#152027}.map-marker.warm{background:#c88d68}.map-marker.no-data{background:#343d42;color:#abb8be;border-color:#67747a}.station-panel{min-height:550px;padding:21px 22px}.station-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.station-heading h2{margin:0;font-size:23px;letter-spacing:-.035em}.station-heading p{margin:3px 0 0;font-size:12px}.status-pill{border:1px solid #5c7768;border-radius:99px;padding:5px 9px;color:#b4d4c2;font-size:11px;white-space:nowrap}.status-pill.offline{border-color:#68584b;color:#e4bd98}.pilot-note{display:flex;gap:9px;align-items:flex-start;background:#29251f;border:1px solid #6e5f4d;border-radius:7px;padding:9px 11px;margin:16px 0 0;color:#e4ccb0;font-size:11px;line-height:1.4}.notice-mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #d3ad7c;border-radius:50%;font-size:10px;flex:0 0 auto}.primary-reading{display:flex;align-items:baseline;gap:5px;margin:23px 0 17px;color:var(--text);font-size:50px;line-height:1;font-weight:600;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.primary-reading span:last-child{font-size:20px;letter-spacing:-.02em;color:var(--muted)}.reading-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0 14px;gap:9px}.reading-grid>div{min-width:0;padding-right:8px;border-right:1px solid var(--line)}.reading-grid>div:last-child{border-right:0}.reading-label{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.reading-grid strong{font-size:15px;color:var(--ice);font-variant-numeric:tabular-nums}.reading-grid>div:nth-child(2) strong{color:var(--warm)}.inspector-chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 7px}.inspector-chart-head h3{margin:0;font-size:13px}.compact button{min-height:29px;padding:5px 10px;font-size:11px}.chart-frame{height:195px;min-height:195px}.station-actions{display:flex;gap:9px;margin-top:11px}.station-actions .button{flex:1}.empty-state{height:100%;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-state h2{margin:15px 0 5px;font-size:20px}.empty-state p{max-width:28ch;margin:0;font-size:13px}.empty-mark{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #53646e;border-radius:50%;color:var(--ice);font-size:27px;font-weight:300}.comparison-panel{margin-top:16px}.comparison-heading{align-items:end}.comparison-tools{display:flex;align-items:center;gap:12px;font-size:11px}.comparison-table,.data-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.comparison-table th,.comparison-table td,.data-table th,.data-table td{padding:13px 20px;text-align:left;border-bottom:1px solid #344047;white-space:nowrap}.comparison-table th{color:var(--muted);font-size:11px;font-weight:550}.comparison-table th button,.data-table th button{padding:0;border:0;background:none;color:inherit;font-weight:inherit;cursor:pointer}.comparison-table th button:after,.data-table th button:after{content:'↕';font-size:12px;margin-left:6px;color:#6f818c}.comparison-table th[aria-sort=ascending] button:after{content:'↑';color:var(--ice)}.comparison-table th[aria-sort=descending] button:after{content:'↓';color:var(--ice)}.comparison-table td{font-size:13px}.comparison-table td:nth-child(3){font-size:15px;font-weight:700;color:var(--ice)}.comparison-table td:nth-child(4){color:#9bc8e9}.comparison-table td:nth-child(5){color:var(--warm)}.station-cell{display:flex;align-items:center;gap:10px;font-weight:650}.station-cell .status-dot{width:7px;height:7px;box-shadow:none;background:#9bc5ad}.station-cell .status-dot.offline{background:#87766c}.state-label{color:#abc6b5;font-size:11px}.state-label.offline{color:#b1a097}.row-action{text-align:right!important;color:var(--muted);font-size:17px}.table-message{text-align:center!important;color:var(--muted)!important;padding:28px!important}.api-error{margin-top:16px}.dialog-backdrop{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:rgba(8,12,14,.78);padding:24px}.dialog-backdrop[hidden]{display:none}.dialog{position:relative;width:min(980px,100%);max-height:min(760px,calc(100vh - 48px));padding:25px;overflow:auto;box-shadow:0 14px 50px #0008}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:var(--muted);font-size:27px;line-height:1;padding:2px 6px}.dialog-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-right:32px;margin-bottom:20px}.dialog-heading h2{margin:0;font-size:24px}.dialog-heading p{margin:4px 0 0;font-size:12px}.dialog-filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.dialog-filters .field{font-size:11px}.dialog-filters input,.dialog-filters select{min-height:38px;padding:7px 10px}.dialog-table-scroll{max-height:470px}.data-table th{color:var(--muted);font-size:11px;position:sticky;top:0;background:var(--surface);z-index:1}.data-table td{font-size:13px}.data-table td:nth-child(2){color:var(--ice);font-weight:650}.data-table td:nth-child(4){color:#c6dce9}.empty-inline{text-align:center;color:var(--muted);font-size:13px;padding:18px}.clima-stats{display:flex;gap:18px;margin:-4px 0 16px;color:var(--muted);font-size:11px}.clima-stats:empty{display:none}.clima-stat{display:flex;gap:6px}.clima-stat strong{color:var(--ice)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr)}.relief-map{height:440px}.map-panel,.station-panel{min-height:520px}.comparison-tools{align-items:end;flex-direction:column;gap:5px}.search-control input{width:190px}}
@media(max-width:820px){.page-live .alpine-panorama{height:180px}.live-toolbar{align-items:start;flex-direction:column}.toolbar-actions{justify-content:flex-start}.dashboard-grid{grid-template-columns:1fr}.map-panel,.station-panel{min-height:0}.relief-map{height:55vw;min-height:350px;max-height:480px}.empty-state{min-height:280px}.station-panel{padding:20px}.comparison-heading{align-items:start;flex-direction:column}.comparison-tools{align-items:start;flex-direction:row;flex-wrap:wrap}.dialog-heading{align-items:start;flex-direction:column}.dialog-filters{width:100%}}
@media(max-width:560px){.page-live .alpine-panorama{height:145px}.live-page{padding-top:22px}.toolbar-actions{width:100%}.toolbar-actions .segmented{order:1}.toolbar-actions .date-control{order:2;flex:1}.toolbar-actions .date-control input,.toolbar-actions .date-control select{width:100%;min-width:0}.toolbar-actions .search-control{order:3;flex:1}.toolbar-actions .search-control input{width:100%}.toolbar-actions .button{order:4}.panel-heading{padding-inline:15px}.map-legend{display:none}.map-bottom{padding-inline:15px}.relief-map{height:76vw;min-height:285px}.station-heading h2{font-size:20px}.primary-reading{font-size:44px}.reading-grid{grid-template-columns:repeat(2,1fr);row-gap:13px}.reading-grid>div:nth-child(2){border-right:0}.reading-grid>div:nth-child(1),.reading-grid>div:nth-child(2){padding-bottom:9px;border-bottom:1px solid var(--line)}.comparison-tools{width:100%;align-items:start;flex-direction:column}.comparison-tools .segmented{width:100%;overflow-x:auto}.comparison-tools .segmented button{flex:1}.table-scroll{overflow-x:auto}.comparison-table{min-width:680px}.comparison-table th,.comparison-table td{padding-inline:14px}.dialog-backdrop{padding:10px}.dialog{max-height:calc(100vh - 20px);padding:20px 15px}.dialog-heading{padding-right:22px}.dialog-filters .field{flex:1;min-width:130px}.dialog-filters .field input,.dialog-filters .field select{width:100%}.dialog-table-scroll{max-height:calc(100vh - 300px)}.data-table{min-width:560px}}
@media(prefers-reduced-motion:reduce){.map-marker{transition:none}}
.page-live .date-control input,.page-live .date-control select,.page-live .time-control input,.page-live .time-control select{min-width:132px}
@media(max-width:560px){.page-live .time-control{order:2;flex:1}.page-live .time-control input,.page-live .time-control select{width:100%;min-width:0}.page-live .search-control{order:4}.page-live .toolbar-actions .button{order:5}}
.page-live .relief-map .kw-relief-tile{filter:brightness(.22) contrast(1.12) saturate(.72) sepia(.16) hue-rotate(165deg)}
.page-live .relief-map{background:#17242d}
.page-live .relief-map .kw-relief-tile{filter:invert(1) grayscale(1) brightness(.65) contrast(.7) sepia(1) saturate(2.2) hue-rotate(165deg) brightness(.75)}
.page-live .relief-map .leaflet-overlay-pane{mix-blend-mode:normal;opacity:1}
.page-live .relief-map .leaflet-marker-pane{z-index:650}
.page-live .kw-map-icon{background:transparent;border:0}
.page-live .chart-message{display:flex;min-height:170px;align-items:center;justify-content:center;color:var(--muted);font-size:12px}
.page-live .table-scroll{position:relative;max-width:100%}
.page-live .date-control:has(input:disabled),.page-live .date-control:has(select:disabled),.page-live .time-control:has(input:disabled),.page-live .time-control:has(select:disabled){display:none}
.page-live .map-marker.warm{background:#28333b;color:#e8d3bf;border-color:#bda793}
@media(max-width:560px){.page-live .toolbar-actions .search-control{flex-basis:calc(100% - 110px);min-width:180px}}
.page-live .selected-row td{background:rgba(176,209,232,.06)}
.page-live .station-cell{border:0;background:transparent;color:var(--text);padding:0;font-weight:inherit}
.page-live .row-open{border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;padding:2px 0 2px 10px}
.page-live .dialog-open{overflow:hidden}
.page-live .inspector-chart-tools{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:flex-end;width:100%}.page-live .inspector-chart-tools .segmented{flex:1;min-width:0}.page-live .chart-expand{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0}.page-live .chart-expand svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page-live .chart-dialog{width:min(1180px,100%)}.page-live .chart-dialog-actions{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.page-live .chart-dialog-actions .segmented{max-width:100%;overflow-x:auto}.page-live .chart-date-field input{min-height:37px;padding:7px 10px}.page-live .chart-series-toggle{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.page-live .chart-series-toggle button{border:1px solid var(--line);border-radius:7px;padding:8px 13px;background:#1a2024;color:var(--muted);font-size:12px;font-weight:600}.page-live .chart-series-toggle button.active{border-color:var(--ice);background:var(--ice);color:#18232b}.page-live .explorer-chart{height:440px;min-height:300px}.page-live .chart-explorer-status{margin:8px 0 0;font-size:11px}.page-live .chart-dialog .dialog-heading{align-items:flex-start}
@media(max-width:820px){.page-live .chart-dialog-actions{width:100%;justify-content:flex-start}.page-live .explorer-chart{height:390px}}
@media(max-width:560px){.page-live .inspector-chart-tools{width:100%;justify-content:space-between}.page-live .chart-dialog-actions .segmented{width:100%}.page-live .chart-dialog-actions .segmented button{flex:1;padding-inline:7px}.page-live .chart-dialog-actions .chart-date-field{flex:1}.page-live .chart-dialog-actions .chart-date-field input{width:100%}.page-live .chart-dialog-actions #chart-reset{width:100%}.page-live .explorer-chart{height:330px;min-height:270px}}
.page-live .live-toolbar h1{font-size:clamp(26px,2.1vw,30px);letter-spacing:-.03em}
.page-live .clima-stats{display:flex;flex-wrap:wrap;gap:10px 18px}.page-live .clima-stat.clima-error{color:var(--warm)}.page-live .clima-table .future-day{opacity:.45}.page-live .clima-table .summary-row{background:rgba(176,209,232,.08)}.page-live .clima-table .summary-row td{border-top:2px solid var(--ice);font-weight:700}
.page-live .map-marker{box-shadow:none!important;color:#fff}.page-live .map-marker:hover{transform:scale(1.08);box-shadow:none!important}.page-live .map-marker.selected{transform:scale(1.08);box-shadow:none!important;outline:2px solid var(--text);outline-offset:3px}.page-live .map-marker.no-data{background:#343d42!important;color:#abb8be!important}
.page-live .kw-station-label{pointer-events:none!important;background:#20282d!important;border:1px solid #6c7e88!important;border-radius:5px!important;box-shadow:none!important;color:var(--text)!important;font-size:11px!important;font-weight:700!important;line-height:1.25!important;padding:4px 7px!important;white-space:nowrap}.page-live .kw-station-label:before{border-top-color:#6c7e88!important}
.page-live .status-pill,.page-live .state-label{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-weight:700;white-space:nowrap}.page-live .status-pill:before,.page-live .state-label:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:none!important;animation:none!important;flex:0 0 auto}.page-live .status-pill.online,.page-live .state-label.online{color:#8fdfb4!important;background:#13251e!important;border:1px solid #37614d!important}.page-live .status-pill.offline,.page-live .state-label.offline{color:#f0a5a5!important;background:#2a1b1e!important;border:1px solid #70464d!important}.page-live .status-pill{padding:5px 9px;font-size:11px}.page-live .state-label{padding:4px 8px;font-size:11px}.page-live .comparison-table .station-cell>span:last-child{color:#fff;font-size:15px;font-weight:700}.page-live .station-heading h2{font-size:26px;font-weight:750;color:#fff}
.page-live .station-cell .status-dot{background:#8fdfb4!important;box-shadow:none!important}.page-live .station-cell .status-dot.offline{background:#f0a5a5!important}
@media(max-width:560px){.page-live .station-heading h2{font-size:25px}}
.page-live .map-marker{transform:none!important;box-shadow:none!important;transition:none;width:auto;height:auto}.page-live .map-marker:hover,.page-live .map-marker.selected{transform:none!important;box-shadow:none!important}.page-live .kw-station-label{z-index:1000}
@media(min-width:1101px){.page-live .relief-map{height:563px}.page-live .map-panel,.page-live .station-panel{min-height:660px}.page-live .chart-frame{height:234px;min-height:234px}}
@media(min-width:561px) and (max-width:1100px){.page-live .relief-map{height:528px;max-height:none}.page-live .map-panel,.page-live .station-panel{min-height:624px}.page-live .chart-frame{height:234px;min-height:234px}}
@media(max-width:820px){.page-live .relief-map{height:min(66vw,576px);min-height:420px;max-height:576px}}
@media(max-width:560px){.page-live .relief-map{height:min(91.2vw,420px);min-height:342px;max-height:420px}}
.page-live .dashboard-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,2fr);grid-template-areas:'inspector map'}
.page-live .map-panel{grid-area:map}.page-live .station-panel{grid-area:inspector}
.page-live .map-heading{align-items:flex-start}.page-live .weather-controls{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:100%}.page-live .weather-controls .segmented{max-width:100%;overflow-x:auto}.page-live .weather-controls .segmented button{white-space:nowrap}.page-live .weather-status:empty{display:none}.page-live .weather-legend{min-height:30px;padding:9px 15px 5px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.page-live .weather-legend:empty{display:none}.page-live .map-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;padding:12px 0 14px;border-bottom:1px solid var(--line)}.page-live .map-summary strong{color:var(--ice);font-size:22px;font-variant-numeric:tabular-nums}.page-live .map-summary #station-map-label{font-size:11px}.page-live #station-source{margin:4px 0 0;font-size:11px}
@media(max-width:820px){.page-live .dashboard-grid{grid-template-columns:1fr;grid-template-areas:'map' 'inspector'}.page-live .weather-controls{width:100%;justify-content:flex-start}.page-live .map-heading{align-items:flex-start;flex-direction:column}}
.page-live .kw-weather-icon{background:transparent!important;border:0!important;box-shadow:none!important}
.page-live .kw-weather-marker{display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--text);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000,0 -1.5px 0 #000,0 1.5px 0 #000,-1.5px 0 0 #000,1.5px 0 0 #000;-webkit-text-stroke:3.5px #000;paint-order:stroke fill}
.page-live .kw-weather-marker.selected{font-weight:900;text-shadow:none}
.page-live .kw-weather-marker.no-data{color:#8b9aa3}
.page-live .kw-weather-label{background:#20262b!important;border:1px solid #647781!important;border-radius:6px!important;color:var(--text)!important;box-shadow:0 8px 20px rgba(0,0,0,.5)!important;font:600 11px var(--font)!important;padding:5px 8px!important}
.page-live .kw-weather-label.leaflet-tooltip-top:before{border-top-color:#647781!important}
.page-live .weather-controls .segmented{background:#12171b;border-color:#53636c}
.page-live .weather-controls .segmented button{color:var(--muted)}
.page-live .weather-controls .segmented button[aria-pressed=true]{background:#2a3339;color:var(--ice);border-color:#738896}
.page-live .weather-controls .segmented:last-child button[aria-pressed=true]{background:#24333a;color:var(--ice);border-color:#738896}
.page-live .weather-controls .map-sources button[aria-pressed=true]{background:var(--ice);color:#18232b;border-color:var(--ice)}
.page-live .weather-controls .map-sources button[aria-pressed=false]{background:#12171b;color:var(--muted);border-color:var(--line)}
.page-live .weather-legend{font-variant-numeric:tabular-nums;letter-spacing:.03em;text-transform:none}
@media(max-width:560px){.page-live .weather-controls{width:100%;display:grid;grid-template-columns:1fr;gap:7px}.page-live .weather-controls .segmented{width:100%;overflow-x:auto}.page-live .weather-controls .segmented button{flex:1;min-width:max-content}}

/* Station comparison: a quiet, data led table with the range as the visual anchor. */
.page-live .comparison-panel{background:linear-gradient(140deg,#182228 0%,#11191e 56%,#0e1519 100%);border-color:#3c5868;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.page-live .comparison-heading{padding:26px 34px 24px;align-items:center;background:rgba(8,14,18,.2)}
.page-live .comparison-heading h2{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.045em;color:#f3f8fa}
.page-live .comparison-heading p{margin-top:6px;font-size:13px}
.page-live .comparison-tools{gap:14px;font-size:13px}
.page-live .comparison-tools>.muted{color:#b8ccdc}
.page-live .comparison-tools .segmented{border-color:#4b6373;background:#101a20}
.page-live .comparison-table{table-layout:fixed}
.page-live .comparison-table th,.page-live .comparison-table td{border-color:rgba(91,116,131,.32);padding:16px 34px}
.page-live .comparison-table th{padding-top:18px;padding-bottom:15px;color:#aec5d8;font-size:13px;font-weight:600;letter-spacing:.01em}
.page-live .comparison-table th:nth-child(1){width:31%}.page-live .comparison-table th:nth-child(2){width:51%}.page-live .comparison-table th:nth-child(3){width:14%}.page-live .comparison-table th:nth-child(4){width:4%}
.page-live .comparison-table th button{font-size:inherit;text-align:left;color:inherit}
.page-live .comparison-table th button:after{display:none}
.page-live .comparison-table tbody tr{transition:background .18s ease}
.page-live .comparison-table tbody tr:hover{background:rgba(176,209,232,.045)}
.page-live .comparison-table tbody tr.selected-row{background:rgba(123,201,231,.085)}
.page-live .comparison-table tbody tr.selected-row td:first-child{box-shadow:inset 2px 0 #94d9f0}
.page-live .comparison-table tbody tr.selected-row td:last-child{box-shadow:inset -2px 0 #94d9f0}
.page-live .comparison-table td{height:126px;font-size:14px;vertical-align:middle}
.page-live .station-cell{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;width:100%;min-height:76px;padding:0;text-align:left}
.page-live .station-name{display:block;max-width:100%;overflow:hidden;color:#f3f8fa;font-size:clamp(18px,1.65vw,25px);font-weight:750;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}
.page-live .state-label{padding:6px 12px;font-size:12px;letter-spacing:.01em}
.page-live .status-pill.online,.page-live .state-label.online{color:#b9f5f2!important;background:rgba(21,78,83,.34)!important;border-color:#4cb8c9!important;box-shadow:0 0 0 1px rgba(116,231,237,.18),0 0 18px rgba(61,206,221,.16)!important}
.page-live .status-pill.offline,.page-live .state-label.offline{color:#ffadb6!important;background:rgba(87,30,40,.24)!important;border-color:#b96572!important;box-shadow:0 0 0 1px rgba(255,135,150,.12)!important}
.page-live .temperature-range{position:relative;width:100%;min-width:180px;padding-top:2px}
.page-live .temperature-range-current{position:relative;height:31px;color:#f1f8fa;font-size:clamp(17px,1.45vw,22px);font-weight:800;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.page-live .temperature-current{position:absolute;left:var(--range-current);transform:translateX(-50%);white-space:nowrap}
.page-live .temperature-range-track{position:relative;height:5px;overflow:visible;border-radius:99px;background:#65737c;box-shadow:inset 0 0 0 1px rgba(220,235,242,.16)}
.page-live .temperature-range-segment{position:absolute;z-index:1;top:0;height:100%;border-radius:99px}
.page-live .temperature-range-dot{position:absolute;top:50%;width:20px;height:20px;border:3px solid #e7f8fa;border-radius:50%;box-shadow:0 0 0 3px rgba(154,224,238,.22),0 2px 10px rgba(0,0,0,.45);transform:translate(-50%,-50%)}
.page-live .temperature-range-endpoints{position:relative;height:13px;margin-top:10px;color:#b8ceda;font-size:13px;line-height:1;font-variant-numeric:tabular-nums}
.page-live .temperature-range-endpoints>span{position:absolute;white-space:nowrap;transform:translateX(-50%)}
.page-live .temperature-range-endpoints>span:first-child{left:var(--range-min)}
.page-live .temperature-range-endpoints>span:last-child{left:var(--range-max);text-align:right}
.page-live .temperature-range .no-data{color:#8396a2!important}
.page-live .temperature-range.no-range .temperature-range-track{background:repeating-linear-gradient(90deg,#738490 0 10px,transparent 10px 17px);box-shadow:none}
.page-live .temperature-range.no-range .temperature-range-current{color:#8496a1}
.page-live .altitude-value{display:inline-flex;align-items:center;gap:13px;color:#e8f2f6;font-size:18px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
.page-live .mountain-icon{width:27px;height:27px;fill:#bed4e3;stroke:#bed4e3;stroke-width:1;stroke-linejoin:round}
.page-live .mountain-icon path+path{fill:none;stroke:#17232a;stroke-width:1.2}
.page-live .row-action{text-align:right!important}
.page-live .row-open{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;color:#b8d7e9;font-size:20px}
.page-live .row-open:hover{color:#f1fbff;background:rgba(176,209,232,.1);border-radius:8px}
.page-live .chevron-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-live .comparison-table .table-message{height:auto;padding:30px!important}
@media(max-width:900px){.page-live .comparison-heading{padding-inline:24px}.page-live .comparison-table th,.page-live .comparison-table td{padding-inline:24px}.page-live .comparison-table th:nth-child(1){width:30%}.page-live .comparison-table th:nth-child(2){width:48%}.page-live .comparison-table th:nth-child(3){width:18%}.page-live .comparison-table th:nth-child(4){width:4%}.page-live .altitude-value{gap:8px;font-size:16px}.page-live .mountain-icon{width:23px;height:23px}}
@media(max-width:700px){.page-live .comparison-heading{align-items:flex-start;gap:18px}.page-live .comparison-tools{width:100%;align-items:flex-start;flex-direction:column;gap:8px}.page-live .comparison-tools .segmented{width:100%;overflow-x:auto}.page-live .comparison-tools .segmented button{flex:1;min-width:0}.page-live .comparison-table thead{display:none}.page-live .comparison-table,.page-live .comparison-table tbody,.page-live .comparison-table tr,.page-live .comparison-table td{display:block;width:100%}.page-live .comparison-table tbody tr{position:relative;min-height:220px;padding:20px 20px 22px}.page-live .comparison-table tbody tr.selected-row{border-inline:0}.page-live .comparison-table tbody tr td{height:auto;min-height:0;padding:0;border:0}.page-live .comparison-table .station-column{padding-right:48px}.page-live .station-cell{min-height:0;gap:9px}.page-live .station-name{font-size:23px;white-space:normal}.page-live .temperature-column{margin-top:23px}.page-live .temperature-range{min-width:0}.page-live .temperature-range-endpoints{font-size:12px}.page-live .altitude-column{margin-top:19px;padding-top:15px!important;border-top:1px solid rgba(91,116,131,.32)!important}.page-live .row-action{position:absolute;top:16px;right:16px}.page-live .table-scroll{overflow:visible}.page-live .comparison-panel{overflow:hidden}}
@media(max-width:390px){.page-live .comparison-heading{padding-inline:18px}.page-live .comparison-table tbody tr{padding-inline:16px}.page-live .comparison-tools .segmented button{padding-inline:7px;font-size:11px}.page-live .temperature-range-current{font-size:17px}.page-live .temperature-range-dot{width:18px;height:18px}.page-live .altitude-value{font-size:15px}}

/* Keep the station ranking compact while preserving its data-first hierarchy. */
.page-live .comparison-table th,.page-live .comparison-table td{padding-block:8px}
.page-live .comparison-table th{padding-top:9px;padding-bottom:7px;font-size:10px}
.page-live .comparison-table td{height:71px;font-size:10px}
.page-live .station-cell{gap:5px;min-height:42px}
.page-live .station-name{font-size:clamp(12px,1vw,15px)}
.page-live .state-label{padding:3px 8px;font-size:9px}
.page-live .temperature-range-current{height:19px;font-size:clamp(12px,.9vw,14px)}
.page-live .temperature-current{left:clamp(32px,var(--range-current),calc(100% - 32px))}
.page-live .temperature-range-track{height:4px}
.page-live .temperature-range-endpoints{margin-top:13px;font-size:9px}
.page-live .altitude-value{gap:7px;font-size:12px}
.page-live .mountain-icon{width:18px;height:18px}
.page-live .comparison-table th:last-child,.page-live .comparison-table td:last-child{width:44px;padding-inline:0}
.page-live .row-open{box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px}
.page-live .comparison-table th:nth-child(2){white-space:normal}
.page-live .comparison-table th:nth-child(2) .temperature-current-legend{display:inline-flex;align-items:center;gap:6px;margin-left:10px;color:#b8ccdc;font-size:10px;font-weight:500;line-height:1.25;letter-spacing:.01em;white-space:nowrap;vertical-align:middle}
.page-live .temperature-current-legend:before{content:'';width:9px;height:9px;flex:0 0 auto;border:2px solid #e7f8fa;border-radius:50%;box-shadow:0 0 0 2px rgba(154,224,238,.22)}
@media(max-width:900px){.page-live .comparison-table th:last-child,.page-live .comparison-table td:last-child{width:44px;padding-inline:0}.page-live .comparison-table th,.page-live .comparison-table td{padding-block:7px}}
@media(max-width:700px){.page-live .comparison-table thead{display:block}.page-live .comparison-table thead tr{display:block}.page-live .comparison-table thead th{display:none}.page-live .comparison-table thead th:nth-child(2){display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;width:100%!important;padding:9px 20px 8px;white-space:normal}.page-live .comparison-table thead th:nth-child(2) button{font-size:10px}.page-live .comparison-table th:nth-child(2) .temperature-current-legend{margin-left:0;font-size:9px}.page-live .comparison-table tbody tr{min-height:154px;padding-top:11px;padding-bottom:12px}.page-live .comparison-table .station-column{padding-right:48px}.page-live .station-cell{min-height:42px}.page-live .temperature-column{margin-top:12px}.page-live .temperature-range-endpoints{font-size:9px}.page-live .altitude-column{margin-top:10px;padding-top:9px!important}.page-live .row-action{top:9px;right:12px;width:44px!important;padding:0!important}.page-live .comparison-table tbody tr td:last-child{width:44px!important}}
@media(max-width:390px){.page-live .comparison-table thead th:nth-child(2){padding-inline:16px}.page-live .temperature-range-current{font-size:12px}.page-live .temperature-range-dot{width:18px;height:18px}.page-live .altitude-value{font-size:11px}}
.page-live .comparison-table thead th,.page-live .comparison-table thead th button{text-align:center}.page-live .comparison-table thead th:nth-child(2){justify-content:center}
.page-live .map-panel,.page-live .station-panel{background:linear-gradient(140deg,#182228 0%,#11191e 56%,#0e1519 100%);border-color:#3c5868;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.page-live .comparison-table thead th:nth-child(1),.page-live .comparison-table thead th:nth-child(1) button,.page-live .comparison-table thead th:nth-child(3),.page-live .comparison-table thead th:nth-child(3) button{text-align:left}
.page-live .comparison-table thead th:nth-child(2),.page-live .comparison-table thead th:nth-child(2) button{text-align:center}
.page-live .temperature-range-dot{cursor:help;outline:0}
.page-live .temperature-range-dot{left:var(--range-dot)}
.page-live .temperature-range-dot:focus-visible{outline:2px solid #f3f8fa;outline-offset:3px}
.page-live .temperature-range-tooltip{position:absolute;z-index:2;top:-8px;left:clamp(68px,var(--range-current),calc(100% - 68px));max-width:min(150px,calc(100vw - 24px));padding:6px 8px;border:1px solid #6f9bae;border-radius:6px;background:#142128;color:#f3f8fa;box-shadow:0 8px 18px rgba(0,0,0,.32);font-size:10px;font-weight:650;line-height:1.25;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-100%);transition:opacity .14s ease,visibility .14s ease}
.page-live .temperature-range-dot:hover + .temperature-range-tooltip,.page-live .temperature-range-dot:focus-visible + .temperature-range-tooltip{opacity:1;visibility:visible}
@media(prefers-reduced-motion:reduce){.page-live .temperature-range-tooltip{transition:none}}
.page-live .temperature-range-tooltip{width:max-content;white-space:normal}
.page-live .temperature-range-current{height:27px}
.page-live .temperature-current{left:var(--range-current)}.page-live .temperature-current .temperature-unit{position:absolute;left:100%;margin-left:3px;top:0}

/* Mobile: station details become a compact contextual popover over the map. */
.page-live .station-title-line{display:flex;align-items:center;gap:10px;min-width:0}
.page-live .station-title-line h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-live .station-popover-close{display:none}
@media(max-width:700px){
  .page-live .dashboard-grid{position:relative;display:block}
  .page-live .station-panel{position:absolute;z-index:2200;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(360px,calc(100% - 24px));min-height:0!important;max-height:min(62vh,430px);padding:14px 15px 13px;overflow:auto;transform:translateX(-50%);box-shadow:0 16px 46px rgba(0,0,0,.66)}
  .page-live .station-panel.no-selection{display:none}
  .page-live .station-popover-close{position:absolute;z-index:2;top:7px;right:7px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1}
  .page-live .station-heading{padding-right:32px}
  .page-live .station-title-line{gap:7px}
  .page-live .station-heading h2{font-size:17px}
  .page-live .station-heading p{margin-top:1px;font-size:10px;line-height:1.35}
  .page-live .status-pill{padding:2px 5px;font-size:8px}
  .page-live .status-pill:before{width:3px;height:3px}
  .page-live .pilot-note{margin-top:8px;padding:6px 8px;font-size:9px}
  .page-live .primary-reading{margin:10px 0 8px;font-size:36px}
  .page-live .primary-reading span:last-child{font-size:15px}
  .page-live .reading-grid{grid-template-columns:repeat(4,1fr);gap:5px;padding:7px 0}
  .page-live .reading-grid>div{padding:0 4px 0 0;border-bottom:0!important;border-right:1px solid var(--line)!important}
  .page-live .reading-grid>div:last-child{border-right:0!important}
  .page-live .reading-label{font-size:8px}
  .page-live .reading-grid strong{font-size:11px}
  .page-live .inspector-chart-head,.page-live #station-chart{display:none}
  .page-live .station-actions{gap:6px;margin-top:8px}
  .page-live .station-actions .button{min-height:34px;padding:5px 8px;font-size:10px}

  .page-live .map-heading>div:first-child{display:none}
  .page-live .map-heading{padding:8px 10px;border-bottom:1px solid var(--line)}
  .page-live .weather-controls{display:flex;gap:5px}
  .page-live .weather-controls .segmented{display:flex;min-width:0;padding:2px;gap:2px}
  .page-live .weather-controls .segmented button{min-width:0;min-height:32px;padding:4px 7px;font-size:10px}
  .page-live .weather-controls .segmented:first-child{flex:1;overflow-x:auto}
  .page-live .weather-controls .map-sources{flex:0 0 auto}
  .page-live .weather-legend{min-height:0;padding:5px 10px 3px;font-size:9px}
  .page-live .map-bottom{padding:5px 10px;font-size:9px}

  .page-live .comparison-heading{gap:8px;padding:12px 14px 10px}
  .page-live .comparison-heading h2{font-size:18px}
  .page-live .comparison-heading p{margin-top:2px;font-size:10px}
  .page-live .comparison-tools{gap:4px}
  .page-live .comparison-tools>.muted{font-size:9px}
  .page-live .comparison-tools .segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;overflow:hidden}
  .page-live .comparison-tools .segmented button{min-width:0;min-height:30px;padding:4px 2px;font-size:9px}
  .page-live .comparison-table thead th:nth-child(2){padding:5px 14px 4px}
  .page-live .comparison-table tbody tr{min-height:0;padding:8px 12px 9px}
  .page-live .comparison-table .station-column{padding-right:40px}
  .page-live .station-cell{flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;min-height:28px}
  .page-live .station-name{max-width:calc(100% - 48px);font-size:13px;line-height:1.15;white-space:nowrap}
  .page-live .state-label{gap:3px;padding:1px 4px;font-size:7px;line-height:1.3}
  .page-live .state-label:before{width:3px;height:3px}
  .page-live .temperature-column{margin-top:5px}
  .page-live .temperature-range-current{height:18px;font-size:12px}
  .page-live .temperature-range-track{height:3px}
  .page-live .temperature-range-dot{width:13px;height:13px;border-width:2px;box-shadow:0 0 0 2px rgba(154,224,238,.18)}
  .page-live .temperature-range-endpoints{margin-top:7px;font-size:8px}
  .page-live .altitude-column{margin-top:5px;padding-top:5px!important}
  .page-live .altitude-value{gap:4px;font-size:10px}
  .page-live .mountain-icon{width:13px;height:13px}
  .page-live .row-action{top:3px;right:5px}
  .page-live .row-open{width:40px;height:40px;min-width:40px;min-height:40px}
  .page-live .chevron-icon{width:17px;height:17px}
}

/* Degree scale: crisp, slightly thicker white marks for quick reading. */
.page-live .temperature-range-tick{position:absolute;top:50%;z-index:1;width:2px;height:10px;border-radius:1px;background:rgba(255,255,255,.86);transform:translate(-50%,-50%);pointer-events:none}
.page-live .temperature-range-dot{z-index:2}
@media(max-width:700px){.page-live .temperature-range-tick{height:7px;background:rgba(255,255,255,.76)}}
.page-live .inspector-chart-tools .segmented{display:flex;gap:2px;max-width:100%;overflow-x:auto}
.page-live .inspector-chart-tools .segmented button{min-width:0;padding-inline:7px;white-space:nowrap}
@media(max-width:700px){.page-live .inspector-chart-tools .segmented{flex:1}.page-live .inspector-chart-tools .segmented button{padding-inline:5px;font-size:9px}}
@media(max-width:700px){.page-live .official-limitations{display:none!important}.page-live #inspector-content:not([hidden]){width:100%;min-height:0}}


/* Final phone density: one short row per station, with every range clipped to its own column. */
@media(max-width:700px){
  .page-live .station-panel{width:min(300px,calc(100% - 28px));max-height:min(48vh,270px);padding:10px 11px 9px}
  .page-live .station-popover-close{top:3px;right:3px;width:32px;height:32px;font-size:20px}
  .page-live .station-heading{padding-right:27px}
  .page-live .station-title-line{gap:5px}
  .page-live .station-heading h2{font-size:15px}
  .page-live #station-place{display:none}
  .page-live .station-heading p{font-size:8px}
  .page-live .status-pill{gap:2px;padding:1px 3px;font-size:6px}
  .page-live .status-pill:before{width:2px;height:2px}
  .page-live .pilot-note{margin-top:5px;padding:4px 6px;font-size:7px}
  .page-live .notice-mark{width:12px;height:12px;font-size:7px}
  .page-live .primary-reading{margin:6px 0 5px;font-size:28px}
  .page-live .primary-reading span:last-child{font-size:12px}
  .page-live .reading-grid{gap:3px;padding:5px 0}
  .page-live .reading-label{margin-bottom:1px;font-size:6px}
  .page-live .reading-grid strong{font-size:9px}
  .page-live .station-actions{margin-top:5px}
  .page-live .station-actions .button{min-height:29px;padding:3px 5px;font-size:8px}

  .page-live .comparison-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:8px 10px 7px}
  .page-live .comparison-heading h2{font-size:15px;line-height:1.15}
  .page-live .comparison-heading p{font-size:8px}
  .page-live .comparison-tools>.muted{display:none}
  .page-live .comparison-tools .segmented button{min-height:26px;font-size:8px}
  .page-live .comparison-table{width:100%;min-width:0!important;table-layout:fixed}
  .page-live .comparison-table thead{display:none}
  .page-live .comparison-table tbody tr{display:grid;grid-template-columns:minmax(0,.92fr) minmax(112px,1.18fr) 30px;grid-template-rows:27px 22px;grid-template-areas:'station temperature action' 'altitude temperature action';align-items:center;width:100%;min-height:0;height:58px;padding:4px 6px}
  .page-live .comparison-table tbody tr td{display:block;width:auto!important;min-width:0;height:auto;padding:0!important;overflow:visible}
  .page-live .comparison-table .station-column{grid-area:station;padding-right:2px!important}
  .page-live .station-cell{gap:3px;width:100%;min-height:0;overflow:hidden}
  .page-live .station-name{flex:0 1 auto;max-width:calc(100% - 28px);font-size:10px;line-height:1;letter-spacing:-.02em}
  .page-live .state-label{flex:0 0 auto;gap:2px;padding:0 2px;font-size:5px;line-height:1.35}
  .page-live .state-label:before{width:2px;height:2px}
  .page-live .temperature-column{grid-area:temperature;width:100%!important;margin:0;padding:0 5px!important;overflow:hidden!important}
  .page-live .temperature-range{width:100%;min-width:0;padding:0 3px}
  .page-live .temperature-range-current{height:16px;font-size:10px}
  .page-live .temperature-current{left:clamp(22px,var(--range-current),calc(100% - 22px));max-width:44px}
  .page-live .temperature-current .temperature-unit{margin-left:1px}
  .page-live .temperature-range-track{height:2px}
  .page-live .temperature-range-dot{width:10px;height:10px;border-width:1px}
  .page-live .temperature-range-endpoints{margin-top:5px;font-size:7px}
  .page-live .altitude-column{grid-area:altitude;margin:0;padding:0!important;border:0!important}
  .page-live .altitude-value{gap:2px;font-size:8px}
  .page-live .mountain-icon{width:10px;height:10px}
  .page-live .row-action{position:static;grid-area:action;align-self:stretch;width:30px!important}
  .page-live .row-open{width:30px;height:100%;min-width:30px;min-height:44px;padding:0}
  .page-live .chevron-icon{width:14px;height:14px}
}

/* Availability is a luminous marker; its status and last reading expand on click. */
.page-live .station-name{border:0;background:transparent;padding:0;color:inherit;text-align:left}
.page-live .station-cell{flex-direction:row;align-items:center;justify-content:flex-start;overflow:visible}
.page-live .station-name{max-width:calc(100% - 15px);overflow:hidden;text-overflow:ellipsis}
.page-live .state-label,.page-live .status-pill{box-sizing:border-box;display:inline-flex;width:9px;height:9px;min-width:9px;min-height:9px;padding:0!important;border:0!important;font-size:0!important;line-height:1;overflow:hidden}
.page-live .state-label:before,.page-live .status-pill:before{display:none}
.page-live .state-label.online,.page-live .status-pill.online{background:#52efd1!important;box-shadow:0 0 0 2px rgba(82,239,209,.18),0 0 9px rgba(82,239,209,.88)!important}
.page-live .state-label.offline,.page-live .status-pill.offline{background:#ff6678!important;box-shadow:0 0 0 2px rgba(255,102,120,.16),0 0 9px rgba(255,102,120,.78)!important}
.page-live .status-pill.official{background:var(--ice)!important;box-shadow:0 0 0 2px rgba(176,209,232,.16),0 0 9px rgba(176,209,232,.72)!important}
.page-live .state-label.status-expanded,.page-live .status-pill.status-expanded{width:auto;height:17px;padding:2px 5px!important;border-radius:999px;font-size:8px!important;white-space:nowrap}
.page-live .state-label.online.status-expanded,.page-live .status-pill.online.status-expanded{color:#b9f5f2!important;background:#15464a!important}
.page-live .state-label.offline.status-expanded,.page-live .status-pill.offline.status-expanded{color:#ffd0d5!important;background:#57202a!important}
.page-live .status-pill.official.status-expanded{color:#18232b!important;background:var(--ice)!important}
@media(max-width:700px){.page-live .state-label.status-expanded,.page-live .status-pill.status-expanded{height:15px;padding:1px 4px!important;font-size:6px!important}}

/* Ranking status markers: quiet, satin colors instead of neon halos. */
.page-live .state-label.online{background:#78a992!important;border:1px solid #9bc4af!important;box-shadow:none!important}
.page-live .state-label.offline{background:#9a747b!important;border:1px solid #c39aa0!important;box-shadow:none!important}

/* Keep the marker vivid, but remove the diffuse neon halo. */
.page-live .state-label.online:not(.status-expanded){background:#52efd1!important;border:0!important;box-shadow:none!important}
.page-live .state-label.offline:not(.status-expanded){background:#ff6678!important;border:0!important;box-shadow:none!important}

/* The map uses its full card; only observation time floats above it. */
.page-live .map-stage{position:relative}
.page-live .map-observation-badge{position:absolute;z-index:1100;top:10px;right:10px;display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid rgba(176,209,232,.55);border-radius:999px;background:rgba(16,24,29,.9);color:var(--ice);box-shadow:0 5px 14px rgba(0,0,0,.32);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}
@media(min-width:1101px){.page-live .relief-map{height:630px}.page-live .chart-frame{height:340px;min-height:340px}}
@media(min-width:701px) and (max-width:1100px){.page-live .relief-map{height:595px;max-height:none}.page-live .chart-frame{height:340px;min-height:340px}}
@media(min-width:701px){.page-live .station-actions,.page-live .official-limitations{display:none!important}}
@media(max-width:700px){.page-live .map-observation-badge{top:7px;right:7px;min-height:20px;padding:2px 6px;font-size:8px}}

/* Desktop inspector: the chart consumes the card down to a 15 px bottom inset. */
@media(min-width:701px){
  .page-live .station-panel{display:flex;flex-direction:column;padding-inline:10px;padding-bottom:15px}
  .page-live #inspector-content:not([hidden]){display:flex;flex:1;min-height:0;flex-direction:column;width:100%}
  .page-live .chart-frame{flex:1;height:auto;min-height:340px}
}

/* Homepage panorama: a half-screen background with the live content layered over it. */
body.page-live{position:relative;isolation:isolate}
.page-live .alpine-panorama{position:absolute;z-index:0;top:72px;right:0;left:0;height:56svh;min-height:430px;max-height:620px;margin:0;opacity:.8;pointer-events:none;filter:saturate(.82) contrast(1.06);background-position:center 54%;mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.88) 76%,rgba(0,0,0,.42) 92%,transparent 100%),linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.88) 76%,rgba(0,0,0,.42) 92%,transparent 100%),linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%)}
.page-live .live-page{position:relative;z-index:1;padding-top:142px}
.page-live .live-toolbar h1,.page-live .snapshot-meta{text-shadow:0 2px 14px rgba(0,0,0,.9)}
.page-live .map-panel,.page-live .station-panel{background:linear-gradient(140deg,rgba(24,34,40,.95) 0%,rgba(17,25,30,.96) 56%,rgba(14,21,25,.97) 100%)}
@media(max-width:900px){.page-live .alpine-panorama{top:64px;height:54svh;min-height:360px;max-height:520px}.page-live .live-page{padding-top:132px}}
@media(max-width:560px){.page-live .alpine-panorama{height:50svh;min-height:330px;max-height:440px;background-position:50% 48%}.page-live .live-page{padding-top:24px}}

/* Selected-station header: compact metadata with the location emphasized at right. */
.page-live .station-heading-main{min-width:0}
.page-live .station-meta-line{display:flex;align-items:center;gap:12px;min-height:17px;margin-top:5px;min-width:0}
.page-live .station-observed{color:#b8ccdc;font-size:10px;line-height:1;white-space:nowrap}
.page-live .source-badge{display:inline-flex;align-items:center;max-width:100%;margin-left:2px;padding:3px 8px;border:1px solid rgba(176,209,232,.45);border-radius:999px;background:rgba(176,209,232,.12);color:#d9eaf3;font-size:9px;font-weight:650;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-live #station-status.official{display:none!important}
.page-live #station-status.online,.page-live #station-status.offline{display:none!important}
.page-live .station-place{display:flex;width:max-content;max-width:100%;margin-left:auto;align-items:flex-start;justify-content:flex-start;gap:5px;color:#edf5f8;font-size:16px;font-weight:700;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}
.page-live .station-location-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.page-live .station-altitude-line{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.page-live .station-location-values strong{font-size:16px;line-height:1.05}
.page-live .station-location-values span{color:#b8ccdc;font-size:11px;font-weight:550;line-height:1.1}
.page-live .altitude-icon{width:20px;height:20px;flex:0 0 auto;fill:#bed4e3;stroke:#bed4e3;stroke-width:1;stroke-linejoin:round}
.page-live .altitude-icon path+path{fill:none;stroke:#17232a;stroke-width:1.2}

/* Intermediate widths: keep the selected-station card balanced instead of forcing metadata into one line. */
@media(min-width:701px) and (max-width:900px){
  .page-live .station-panel{min-height:480px;padding:18px 10px 15px}
  .page-live .station-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main place";align-items:start;gap:4px 18px}
  .page-live .station-heading-main{grid-area:main}
  .page-live #station-place{grid-area:place;margin:0;font-size:15px;line-height:1.3}
  .page-live .altitude-icon{width:18px;height:18px}
  .page-live .source-badge{font-size:8px}
  .page-live .station-heading h2{font-size:22px}
  .page-live .status-pill{padding:3px 7px;font-size:9px}
  .page-live .primary-reading{margin:18px 0 12px;font-size:44px}
  .page-live .primary-reading span:last-child{font-size:18px}
  .page-live .chart-frame{min-height:220px}
}

/* Desktop inspector typography: keep the selected-station summary readable and compact. */
@media(min-width:701px){
  .page-live .station-heading h2{font-size:16.5px}
  .page-live .station-heading p{font-size:11px}
  .page-live .primary-reading{justify-content:center;margin:18px 0 12px;font-size:29.5px}
  .page-live .primary-reading span:last-child{font-size:12.5px}
}

/* Desktop summary: station, current temperature, and location share one balanced row. */
@media(min-width:701px){
  .page-live .station-summary{display:grid;grid-template-columns:minmax(0,2fr) minmax(110px,1fr) minmax(0,1fr);align-items:center;gap:14px;width:100%}
  .page-live .station-summary .station-heading{display:contents}
  .page-live .station-summary .station-heading-main{grid-column:1;grid-row:1;min-width:0}
  .page-live .station-summary .primary-reading{grid-column:2;grid-row:1;margin:0}
  .page-live .station-summary .station-place{grid-column:3;grid-row:1}
  .page-live .station-summary .pilot-note{grid-column:1 / -1;grid-row:2;margin-top:10px}
}

/* Wide ranking: give the temperature range the space currently lost between columns. */
@media(min-width:1101px){
  .page-live .comparison-table th,.page-live .comparison-table td{padding-inline:16px}
  .page-live .comparison-table th:nth-child(1){width:18%}
  .page-live .comparison-table th:nth-child(2){width:66%}
  .page-live .comparison-table th:nth-child(3){width:12%}
  .page-live .comparison-table th:nth-child(4){width:4%}
}

/* Keep the complete temperature range inside narrow station cards. */
@media(max-width:700px){
  .page-live .temperature-column{box-sizing:border-box;padding-right:14px!important;padding-left:8px!important}
  .page-live .temperature-range{box-sizing:border-box;padding-right:4px;padding-left:4px}
  .page-live .temperature-range-endpoints>span:first-child{left:clamp(18px,var(--range-min),calc(100% - 18px))}
  .page-live .temperature-current{left:clamp(26px,var(--range-current),calc(100% - 30px))}
  .page-live .temperature-range-dot{left:clamp(5px,var(--range-dot),calc(100% - 5px))}
}

/* Station card refinement: premium dashboard hierarchy without extra slogans or footers. */
@media(min-width:701px){
  .page-live .station-panel{border-radius:24px}
  .page-live .station-panel.no-selection .empty-state{flex:1;width:100%;box-sizing:border-box}
  .page-live .station-summary{padding:2px 8px 0}
  .page-live .station-title-line{min-height:24px}
  .page-live .station-meta-line{margin-top:3px;gap:13px}
  .page-live .station-observed{font-size:11px}
  .page-live .source-badge{padding:3px 8px;border-color:rgba(176,209,232,.52);background:rgba(176,209,232,.13);font-size:10px}
  .page-live .station-place{padding-top:1px}
  .page-live .reading-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:16px;border:0;padding:0;gap:7px}
  .page-live .reading-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:52px;padding:8px 5px;border:1px solid rgba(91,116,131,.42);border-radius:13px;background:linear-gradient(145deg,rgba(24,40,49,.8),rgba(14,25,31,.9));box-shadow:inset 0 1px rgba(210,235,244,.04);text-align:center}
  .page-live .reading-label{margin-bottom:4px;font-size:9px;line-height:1.1;letter-spacing:.01em;white-space:nowrap}
  .page-live .reading-grid strong{max-width:100%;font-size:14px;line-height:1.1;white-space:nowrap}
  .page-live .inspector-chart-head{margin:18px 0 0;padding:12px 14px;border:1px solid rgba(91,116,131,.42);border-bottom:0;border-radius:16px 16px 0 0;background:rgba(14,27,34,.72)}
  .page-live .chart-frame{border:1px solid rgba(91,116,131,.42);border-top:0;border-radius:0 0 16px 16px;overflow:hidden;background:rgba(10,20,26,.3)}
}

/* Data table values follow the same temperature-led color language as the cards. */
.page-live .data-table td.data-temperature .temperature-value,.page-live .data-table td .data-value{font-weight:800;font-variant-numeric:tabular-nums}
.page-live .data-table td.data-temperature .temperature-value{font-size:1.06em}
.page-live .data-table .humidity-value{color:#8bd9f4}
.page-live .data-table .snow-value{color:#c6dce9}
.page-live #open-table-inline{white-space:nowrap}
@media(max-width:700px){
  .page-live .primary-reading{display:none}
  .page-live .reading-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin-top:4px;padding:4px 0;border-top:1px solid rgba(91,116,131,.34);border-bottom:1px solid rgba(91,116,131,.34)}
  .page-live .reading-grid>div{min-width:0;padding:2px!important;border-right:1px solid rgba(91,116,131,.24)!important;border-bottom:0!important;text-align:center}
  .page-live .reading-grid>div:last-child{border-right:0!important}
  .page-live .reading-label{font-size:6px;line-height:1;white-space:nowrap}
  .page-live .reading-grid strong{font-size:9px;line-height:1.1;white-space:nowrap}
}

/* Coldest stations: a compact, temperature-coded ranking that replaces the
   empty inspector and, on phones, sits at the very bottom of the page. */
.page-live .cold-ranking{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-height:0;height:auto;text-align:left;padding:20px 22px 14px}
.page-live .station-panel.no-selection .cold-ranking{flex:1;min-height:0}
.page-live .cold-ranking-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.page-live .cold-ranking-title{display:flex;align-items:center;gap:11px;min-width:0}
.page-live .cold-ranking-spark{position:relative;flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:linear-gradient(150deg,rgba(176,209,232,.22),rgba(176,209,232,.05));border:1px solid rgba(176,209,232,.35)}
.page-live .cold-ranking-spark:before{content:'';position:absolute;inset:0;margin:auto;width:9px;height:9px;border-radius:50%;background:var(--ice);box-shadow:0 0 10px rgba(176,209,232,.75)}
.page-live .cold-ranking-head h2{margin:0;font-size:17px;letter-spacing:-.03em}
.page-live .cold-ranking-sub{margin:2px 0 0;color:var(--muted);font-size:11px;letter-spacing:.01em}
.page-live .cold-ranking p{max-width:none}
.page-live .cold-ranking-toggle{flex:0 0 auto}
.page-live .cold-ranking-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:1px;overflow:hidden;min-height:0}
.page-live .cold-ranking-item{--t:var(--ice);position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:4px 9px 4px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;text-align:left;transition:background .16s ease,border-color .16s ease}
.page-live .cold-ranking-item:hover,.page-live .cold-ranking-item:focus-visible{background:rgba(176,209,232,.07);border-color:rgba(176,209,232,.16)}
.page-live .cold-ranking-rank{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#8ea0ab;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.page-live .cold-ranking-item[data-rank="1"] .cold-ranking-rank,.page-live .cold-ranking-item[data-rank="2"] .cold-ranking-rank,.page-live .cold-ranking-item[data-rank="3"] .cold-ranking-rank{border-radius:6px;background:var(--t);color:#0d1418}
.page-live .cold-ranking-item[data-rank="1"] .cold-ranking-rank{box-shadow:0 0 0 3px rgba(176,209,232,.14)}
.page-live .cold-ranking-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.page-live .cold-ranking-name{overflow:hidden;color:#f3f8fa;font-size:12.5px;font-weight:700;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}
.page-live .cold-ranking-meta{display:grid;grid-template-columns:84px 26px minmax(34px,1fr) auto;align-items:center;gap:6px;color:var(--muted);font-size:9.5px;white-space:nowrap}
.page-live .cold-ranking-source{justify-self:start;max-width:100%;overflow:hidden;padding:2px 7px;border:1px solid rgba(176,209,232,.3);border-radius:999px;color:#cddfe9;font-size:9.5px;font-weight:650;text-overflow:ellipsis}
.page-live .cold-ranking-dept{justify-self:start;min-width:18px;text-align:center;padding:1px 5px;border:1px solid rgba(176,209,232,.18);border-radius:999px;background:rgba(176,209,232,.08);color:#b9cdda;font-size:9px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.page-live .cold-ranking-alt{display:grid;grid-template-columns:38px auto;align-items:baseline;gap:3px;justify-self:start;font-variant-numeric:tabular-nums}
.page-live .cold-ranking-alt b{font-weight:600;text-align:right}
.page-live .cold-ranking-alt i{font-style:normal;color:#8798a3}
.page-live .cold-ranking-nights{justify-self:start;color:#8798a3}
.page-live .cold-ranking-bar{position:relative;height:2px;border-radius:99px;background:rgba(91,116,131,.34);overflow:hidden}
.page-live .cold-ranking-bar>i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--t)}
.page-live .cold-ranking-value{display:inline-flex;align-items:baseline;gap:1px;color:var(--t);font-size:15px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.page-live .cold-ranking-value small{font-size:10px;font-weight:650;letter-spacing:0}
.page-live .cold-ranking-message{display:flex;min-height:150px;align-items:center;justify-content:center;padding:18px;color:var(--muted);font-size:12px;text-align:center}
.page-live .cold-ranking-loading{opacity:.75}
.page-live .cold-ranking-section{display:none;margin-top:16px;background:linear-gradient(140deg,rgba(24,34,40,.95) 0%,rgba(17,25,30,.96) 56%,rgba(14,21,25,.97) 100%);border-color:#3c5868}
@media(max-width:700px){
  .page-live .cold-ranking-section{display:flex;padding:15px 15px 13px}
  .page-live .cold-ranking-section .cold-ranking-list{margin-top:10px;overflow:visible}
  .page-live .cold-ranking-section .cold-ranking-item{padding:5px 8px 5px 10px}
  .page-live .cold-ranking-section .cold-ranking-name{font-size:13px}
  .page-live .cold-ranking-section .cold-ranking-value{font-size:16px}
}
@media(min-width:1101px){.page-live .cold-ranking-head{flex-direction:column;align-items:flex-start}.page-live .cold-ranking-toggle{width:100%}.page-live .cold-ranking-toggle button{flex:1}}
@media(prefers-reduced-motion:reduce){.page-live .cold-ranking-item{transition:none}}

/* Two-view switch at the top of the inspector: general ranking or the selected
   station. Hidden on phones where the ranking already sits at the page bottom. */
.page-live .station-view-switch{display:none}
@media(min-width:701px){
  .page-live .station-view-switch{display:flex;width:100%;margin:0 0 14px;padding:3px;gap:3px;border-color:#4b6373;background:#101a20}
  .page-live .station-view-switch button{flex:1;min-width:0;white-space:nowrap;padding-inline:6px;font-size:11px}
}

/* The map card stretches to match the inspector; let the map fill it to the
   bottom edge instead of leaving the fixed-height raster floating. */
@media(min-width:701px){
  .page-live .map-panel{display:flex;flex-direction:column}
  .page-live .map-stage{flex:1;min-height:0}
  .page-live .map-panel .relief-map{height:100%;max-height:none}
}

/* Keep both cards the same height whether the ranking or a station graph is
   shown, so selecting a station never shortens the layout. The map fills the
   row and the chart absorbs the extra space. */
@media(min-width:821px){
  .page-live .dashboard-grid{grid-template-rows:800px}
  /* The ranking fills the fixed-height panel exactly: the ten rows share the
     free space instead of leaving a gap under the list. */
  .page-live .cold-ranking-list{flex:1}
  .page-live .cold-ranking-list>li{display:flex;flex:1 1 0;min-height:0}
  .page-live .cold-ranking-item{flex:1;min-height:0}
}