/* Forecast colours stay fixed between the compact strips and weekly heatmaps. */
#weatherHeatmaps{
  color-scheme:inherit;
  --wx-text:var(--ui-text,light-dark(#243832,#e0ece8));--wx-muted:var(--ui-muted,light-dark(#556b63,#a5bab1));
  --wx-surface:var(--ui-surface,light-dark(#e5ecee,#192b29));--wx-line:color-mix(in srgb,var(--wx-text) 18%,var(--wx-surface));
  --wx-ring:light-dark(#153e35,#e7fff3);--wx-empty:light-dark(#d7dfdf,#344643);
  /* Shared purple → blue → turquoise → green → yellow → orange → red palette.
     Temperature and wind speed use their own labelled thresholds. */
  --wx-t0:#64509f;--wx-t1:#3d73b9;--wx-t2:#63b8c7;--wx-t3:#68b99e;--wx-t4:#90b84d;--wx-t5:#e0cf43;--wx-t6:#e99432;--wx-t7:#ba4527;
  --wx-w0:#64509f;--wx-w1:#3d73b9;--wx-w2:#63b8c7;--wx-w3:#68b99e;--wx-w4:#90b84d;--wx-w5:#e0cf43;--wx-w6:#e99432;--wx-w7:#ba4527;
  /* Precipitation: the colour is the type, brighter = heavier. */
  --wx-snow1:#46545d;--wx-snow2:#7d939f;--wx-snow3:#bfd6e1;--wx-snow4:#ffffff;
  --wx-rain1:#24486e;--wx-rain2:#2f6db0;--wx-rain3:#4b95e6;--wx-rain4:#8fc8ff;
  --wx-mixed1:#4a3b66;--wx-mixed2:#6f509f;--wx-mixed3:#9b74d3;--wx-mixed4:#cfaef7;
  color:var(--wx-text);background:var(--wx-surface);padding:18px 0 0;min-width:0;
  font-size:12px;line-height:1.4;
}
#weatherHeatmaps[hidden],#weatherHeatmaps [hidden]{display:none!important}
#weatherHeatmaps *{box-sizing:border-box}
#weatherHeatmaps button{font:inherit;cursor:pointer;color:inherit}
#weatherHeatmaps button:focus-visible,#weatherHeatmaps [tabindex="0"]:focus-visible{outline:2px solid var(--wx-ring);outline-offset:3px}
#weatherHeatmaps .wx-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 16px}
#app #weatherHeatmaps .wx-heading h2{font-size:20px;line-height:1.2;letter-spacing:-.03em;font-weight:600;margin:4px 0;color:var(--wx-text)}
#weatherHeatmaps .wx-heading small{font-size:11px;letter-spacing:.12em;color:var(--wx-muted)}
#weatherHeatmaps .wx-local-time{font-size:10px;color:var(--wx-muted);overflow-wrap:anywhere;text-align:right;max-width:100px}
#weatherHeatmaps .wx-week-head,#weatherHeatmaps .wx-week-grid{display:grid;grid-template-columns:58px repeat(7,minmax(0,1fr));column-gap:4px}
#weatherHeatmaps .wx-week-head{align-items:center;margin-bottom:12px}
#weatherHeatmaps .wx-week-head>span{font-size:10px;color:var(--wx-muted)}
#weatherHeatmaps .wx-week-head button{border:0;border-bottom:2px solid transparent;background:none;padding:5px 0;min-height:44px;min-width:0;text-align:center}
#weatherHeatmaps .wx-week-head button[aria-pressed="true"]{border-color:var(--wx-ring);background:color-mix(in srgb,var(--wx-ring) 7%,transparent)}
#weatherHeatmaps .wx-week-head b{font-size:11px;font-weight:600;display:block}
#weatherHeatmaps .wx-week-head small{display:block;font-size:11px;color:var(--wx-muted);white-space:normal}
#weatherHeatmaps .wx-metric{margin:0 0 19px;padding:0;border:0;min-width:0}
#app #weatherHeatmaps .wx-metric h3{display:flex;align-items:baseline;gap:7px;margin:0 0 8px;font-size:13px;line-height:1.3;font-weight:600;color:var(--wx-text)}
#weatherHeatmaps .wx-metric h3 small{font-size:10px;font-weight:400;color:var(--wx-muted)}
#weatherHeatmaps .wx-altitudes{display:grid;grid-template-rows:repeat(3,26px);gap:3px}
#weatherHeatmaps .wx-altitude{display:flex;align-items:baseline;justify-content:space-between;gap:3px;font-size:11px;line-height:16px;white-space:nowrap;color:var(--wx-text)}
#weatherHeatmaps .wx-altitude small{font-size:10px;color:var(--wx-muted);font-variant-numeric:tabular-nums}
#weatherHeatmaps .wx-altitudes .wx-altitude{display:block;position:relative;font-size:10px;line-height:11px}
#weatherHeatmaps .wx-altitudes small{display:block;line-height:11px;font-size:10px}
#weatherHeatmaps .wx-day-block{position:relative;display:grid;grid-template-rows:repeat(3,26px);gap:3px;min-width:0}
#weatherHeatmaps .wx-day-block.is-day-selected:after{content:"";position:absolute;inset:-3px -2px;outline:1px solid var(--wx-line);pointer-events:none}
#weatherHeatmaps .wx-cell-row{display:grid;grid-template-columns:repeat(var(--wx-slots),minmax(0,1fr));gap:1px;min-width:0}
#weatherHeatmaps .wx-cell{appearance:none;display:block;min-width:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:1px;position:relative}
#weatherHeatmaps .wx-cell.is-inspected{outline:2px solid var(--wx-ring);outline-offset:1px;z-index:2}
#weatherHeatmaps .wx-now{position:absolute;top:-4px;bottom:-4px;width:1px;background:var(--wx-ring);pointer-events:none;z-index:1}
#weatherHeatmaps .wx-now:before{content:"";position:absolute;top:-2px;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--wx-ring)}
#weatherHeatmaps .wx-touch-day{display:none}
#weatherHeatmaps .wx-legend{display:flex;flex-wrap:wrap;gap:4px 9px;margin-top:8px;color:var(--wx-muted);font-size:10px;line-height:1.4}
#weatherHeatmaps .wx-legend span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
#weatherHeatmaps .wx-legend i{width:10px;height:8px;display:inline-block;flex-shrink:0;border-radius:1px}
#weatherHeatmaps .wx-phase-legend{margin-top:5px}
#weatherHeatmaps .wx-temp-0{background:var(--wx-t0)}#weatherHeatmaps .wx-temp-1{background:var(--wx-t1)}
#weatherHeatmaps .wx-temp-2{background:var(--wx-t2)}#weatherHeatmaps .wx-temp-3{background:var(--wx-t3)}
#weatherHeatmaps .wx-temp-4{background:var(--wx-t4)}#weatherHeatmaps .wx-temp-5{background:var(--wx-t5)}
#weatherHeatmaps .wx-temp-6{background:var(--wx-t6)}#weatherHeatmaps .wx-temp-7{background:var(--wx-t7)}
#weatherHeatmaps .wx-wind-0{background:var(--wx-w0)}#weatherHeatmaps .wx-wind-1{background:var(--wx-w1)}
#weatherHeatmaps .wx-wind-2{background:var(--wx-w2)}#weatherHeatmaps .wx-wind-3{background:var(--wx-w3)}
#weatherHeatmaps .wx-wind-4{background:var(--wx-w4)}#weatherHeatmaps .wx-wind-5{background:var(--wx-w5)}#weatherHeatmaps .wx-wind-6{background:var(--wx-w6)}#weatherHeatmaps .wx-wind-7{background:var(--wx-w7)}
#weatherHeatmaps .wx-p0{background:var(--wx-empty)}
#weatherHeatmaps .wx-precip-snow.wx-p1{background:var(--wx-snow1)}#weatherHeatmaps .wx-precip-snow.wx-p2{background:var(--wx-snow2)}
#weatherHeatmaps .wx-precip-snow.wx-p3{background:var(--wx-snow3)}#weatherHeatmaps .wx-precip-snow.wx-p4{background:var(--wx-snow4)}
#weatherHeatmaps .wx-precip-rain.wx-p1{background:var(--wx-rain1)}#weatherHeatmaps .wx-precip-rain.wx-p2{background:var(--wx-rain2)}
#weatherHeatmaps .wx-precip-rain.wx-p3{background:var(--wx-rain3)}#weatherHeatmaps .wx-precip-rain.wx-p4{background:var(--wx-rain4)}
#weatherHeatmaps .wx-precip-mixed.wx-p1{background:var(--wx-mixed1)}#weatherHeatmaps .wx-precip-mixed.wx-p2{background:var(--wx-mixed2)}
#weatherHeatmaps .wx-precip-mixed.wx-p3{background:var(--wx-mixed3)}#weatherHeatmaps .wx-precip-mixed.wx-p4{background:var(--wx-mixed4)}
#weatherHeatmaps .wx-missing{background:repeating-linear-gradient(135deg,var(--wx-empty) 0 2px,var(--wx-line) 2px 3px)}
#weatherHeatmaps .wx-note{font-size:10px;line-height:1.6;color:var(--wx-muted);margin:0 0 15px;max-width:none}
#weatherHeatmaps .wx-now-key{display:inline-block;height:10px;width:2px;background:var(--wx-ring);vertical-align:middle;margin-right:3px}
#weatherHeatmaps .wx-detail-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:11px}
#weatherHeatmaps .wx-detail-head strong{font-weight:600}
#weatherHeatmaps .wx-detail-head span{color:var(--wx-muted)}
#weatherHeatmaps dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
#weatherHeatmaps dt{font-size:10px;color:var(--wx-muted)}
#weatherHeatmaps dd{font-variant-numeric:tabular-nums;font-size:15px;font-weight:500;margin:2px 0 0}
#weatherHeatmaps .wx-tooltip{position:fixed;inset:auto;margin:0;width:300px;max-width:calc(100vw - 16px);padding:12px;border:1px solid var(--wx-line);border-radius:10px;background:var(--wx-surface);color:var(--wx-text);box-shadow:0 8px 25px #0003;pointer-events:none;z-index:1000}
#weatherHeatmaps .wx-tooltip p{margin:0;font-size:10px;line-height:1.5;color:var(--wx-muted)}
#weatherHeatmaps .wx-day-heading{display:flex;align-items:center;gap:10px;border-top:1px solid var(--wx-line);padding-top:12px;margin-bottom:18px}
#weatherHeatmaps .wx-day-heading button{border:0;background:none;min-width:40px;min-height:44px;padding:5px}
#weatherHeatmaps .wx-day-heading button:disabled{opacity:.3;cursor:default}
#weatherHeatmaps .wx-day-heading .wx-expand{flex:1;text-align:center}
#weatherHeatmaps .wx-expand strong{display:block;font-weight:600;font-size:15px}
#weatherHeatmaps .wx-expand span{font-size:11px;color:var(--wx-muted)}
#weatherHeatmaps .wx-hour-scroll{overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-left:90px}
#weatherHeatmaps .wx-hour-grid{min-width:calc(82px + var(--wx-hours)*29px)}
#weatherHeatmaps .wx-hour-row,#weatherHeatmaps .wx-hour-axis{display:grid;grid-template-columns:82px repeat(var(--wx-hours),minmax(28px,1fr));gap:2px;margin-bottom:3px;min-height:28px}
#weatherHeatmaps .wx-hour-row>.wx-altitude,#weatherHeatmaps .wx-hour-sticky{position:sticky;left:0;background:var(--wx-surface);z-index:3;padding-right:6px;align-items:center}
#weatherHeatmaps .wx-hour-row>.wx-altitude{font-size:10px}
#weatherHeatmaps .wx-hour-axis{font-size:11px;align-items:end;color:var(--wx-muted);min-height:23px}
#weatherHeatmaps .wx-hour-axis small{font-size:10px;display:block;white-space:nowrap}
#weatherHeatmaps .wx-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(pointer:coarse){
  #weatherHeatmaps .wx-touch-day{display:block;position:absolute;inset:0;border:0;background:transparent;padding:0;z-index:4}
  #weatherHeatmaps .wx-hour-row{min-height:44px;grid-template-columns:82px repeat(var(--wx-hours),minmax(44px,1fr))}
  #weatherHeatmaps .wx-hour-axis{grid-template-columns:82px repeat(var(--wx-hours),minmax(44px,1fr))}
  #weatherHeatmaps .wx-hour-grid{min-width:calc(82px + var(--wx-hours)*46px)}
}
@media(min-width:700px){
  #weatherHeatmaps .wx-week-head,#weatherHeatmaps .wx-week-grid{grid-template-columns:85px repeat(7,minmax(0,1fr));column-gap:7px}
  #weatherHeatmaps .wx-legend{font-size:10px;gap:4px 12px}
}

/* Current values and the selected day lead; the seven-day overview follows below. */
#weatherHeatmaps .wx-current { padding:12px; margin:0 0 18px; border:1px solid var(--wx-line); border-radius:18px; background:var(--ui-raised,var(--wx-surface)); }
#weatherHeatmaps .wx-current-heading { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
#weatherHeatmaps .wx-current-heading small { display:block; font-size:11px; color:var(--wx-muted); }
#app #weatherHeatmaps .wx-current-heading h2 { margin:4px 0 8px; font:650 18px/1.2 system-ui; color:var(--wx-text); }
#weatherHeatmaps .wx-current-heading > span { text-align:right; font-size:12px; font-variant-numeric:tabular-nums; }
#weatherHeatmaps .wx-current-heading > span small { max-width:110px; overflow-wrap:anywhere; }
#weatherHeatmaps .wx-current-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:11px; }
#weatherHeatmaps .wx-current-table th,#weatherHeatmaps .wx-current-table td { padding:9px 3px; text-align:center; vertical-align:middle; font-variant-numeric:tabular-nums; }
#weatherHeatmaps .wx-current-table th:first-child { width:27%; text-align:left; font-size:10px; font-weight:500; color:var(--wx-muted); overflow-wrap:anywhere; }
#weatherHeatmaps .wx-current-table tbody tr { border-top:1px solid var(--wx-line); }
#weatherHeatmaps .wx-current-table thead th { padding-top:0; }
#weatherHeatmaps .wx-current-table b,#weatherHeatmaps .wx-current-table small { display:block; }
#weatherHeatmaps .wx-current-table small { margin-top:3px; font-size:11px; color:var(--wx-muted); font-weight:400; }
#weatherHeatmaps .wx-mountain-level { width:32px; height:30px; display:block; margin:auto auto 3px; color:var(--wx-text); flex:none; }
#weatherHeatmaps .wx-daylight { display:flex; justify-content:space-between; gap:10px; border-top:1px solid var(--wx-line); padding-top:10px; font-size:11px; color:var(--wx-muted); }
#weatherHeatmaps .wx-daylight b { margin-left:4px; color:var(--wx-text); font-variant-numeric:tabular-nums; }
#weatherHeatmaps .wx-current-note { margin:7px 0 0; font-size:11px; color:var(--wx-muted); }
#weatherHeatmaps .wx-day-picker { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px; margin:0 0 10px; }
#weatherHeatmaps .wx-day-picker button { min-width:0; min-height:44px; padding:5px 1px; border:1px solid transparent; border-radius:8px; background:var(--ui-raised,var(--wx-surface)); }
#weatherHeatmaps .wx-day-picker button[aria-pressed="true"] { border-color:var(--ui-yellow,var(--wx-ring)); }
#weatherHeatmaps .wx-day-picker b,#weatherHeatmaps .wx-day-picker small { display:block; font-size:10px; }
#weatherHeatmaps .wx-day-picker small { color:var(--wx-muted); font-size:11px; }
#weatherHeatmaps .wx-hour-row > .wx-altitude { justify-content:flex-start; align-items:center; gap:4px; }
#weatherHeatmaps .wx-hour-row > .wx-altitude small { display:block; line-height:1.1; }
#weatherHeatmaps .wx-hour-row .wx-mountain-level { width:18px; height:22px; margin:0; }
#weatherHeatmaps .wx-week { margin-top:24px; padding-top:20px; border-top:1px solid var(--wx-line); }
.vertex-v3 #app#app#app#app#app#app #weatherOverview[hidden] { display:none!important; }

/* Equal compact forecast slots, with shared scrolling across dates and metrics. */
#weatherHeatmaps .wx-week-scroll { overflow-x:auto; overscroll-behavior-x:contain; max-width:100%; min-width:0; scroll-padding-left:90px; }
#weatherHeatmaps .wx-week-head,#weatherHeatmaps .wx-week-grid { width:max-content; column-gap:8px; }
#weatherHeatmaps .wx-week-grid .wx-cell-row { gap:2px; }
#weatherHeatmaps .wx-altitudes,#weatherHeatmaps .wx-week-head > span { position:sticky; left:0; z-index:5; background:var(--wx-surface); }
#weatherHeatmaps .wx-week-head > span { height:100%; display:flex; align-items:center; }
#weatherHeatmaps .wx-week-scroll:focus-visible { outline:2px solid var(--wx-ring); outline-offset:2px; }
#weatherHeatmaps .wx-hour-grid { min-width:calc(82px + var(--wx-hours)*46px); }
#weatherHeatmaps .wx-hour-row,#weatherHeatmaps .wx-hour-axis { grid-template-columns:82px repeat(var(--wx-hours),minmax(44px,1fr)); }
#weatherHeatmaps .wx-hour-row { min-height:40px; }
#weatherHeatmaps .wx-cell-value { display:flex; align-items:center; justify-content:center; height:100%; padding:2px; font:600 11px/1.2 system-ui; font-variant-numeric:tabular-nums; pointer-events:none; }

#weatherHeatmaps .wx-metric .wx-week-scroll { scrollbar-width:none; }
#weatherHeatmaps .wx-metric .wx-week-scroll::-webkit-scrollbar { display:none; }

/* Hue says what it is (cold/warm, calm/dangerous, snow/rain/mixed); the only pattern is the hatch for missing data. */
#weatherHeatmaps .wx-day-heading { grid-template-columns:1fr; }
#weatherHeatmaps .wx-cell:is(.wx-temp-0,.wx-temp-1,.wx-temp-7,.wx-wind-0,.wx-wind-1,.wx-wind-7,.wx-cloud-0,.wx-cloud-1,.wx-p1,.wx-precip-rain.wx-p2,.wx-precip-mixed.wx-p2) { color:#fff; }
#weatherHeatmaps .wx-cell:is(.wx-temp-2,.wx-temp-3,.wx-temp-4,.wx-temp-5,.wx-temp-6,.wx-wind-2,.wx-wind-3,.wx-wind-4,.wx-wind-5,.wx-wind-6,.wx-cloud-2,.wx-cloud-3,.wx-cloud-4,.wx-precip-snow.wx-p2,.wx-p3,.wx-p4) { color:#10161c; }
#weatherHeatmaps .wx-cell-value { position:relative; z-index:1; }
#weatherHeatmaps .wx-week-grid .wx-cell-value { padding:0; font:600 10px/1 system-ui; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
#weatherHeatmaps .wx-legend .wx-legend-ramp { gap:1px; }
#weatherHeatmaps .wx-legend .wx-legend-ramp b { font-weight:400; margin-right:3px; }
#weatherLegacy[hidden] { display:none!important; }
/* The selected-day outline and the now line must not make each weekly chart scroll vertically. */
#weatherHeatmaps .wx-week-scroll { overflow-y:hidden; padding-block:4px; }
/* Week time axis: day name pinned at the left while its day scrolls by, clock ticks at 06/12/18, a line between days. */
#weatherHeatmaps .wx-week-axis { display:grid; width:max-content; column-gap:8px; margin:0 0 3px; }
#weatherHeatmaps .wx-axis-corner { position:sticky; left:0; z-index:5; background:var(--wx-surface); font-size:10px; color:var(--wx-muted); display:flex; align-items:flex-end; padding-bottom:1px; }
#weatherHeatmaps .wx-axis-day { min-width:0; border-left:1px solid var(--wx-line); padding-left:3px; margin-left:-4px; }
#weatherHeatmaps .wx-axis-day b { position:sticky; left:90px; display:inline-block; font:600 11px/14px system-ui; color:var(--wx-text); white-space:nowrap; }
#weatherHeatmaps .wx-axis-ticks { display:grid; grid-template-columns:repeat(var(--wx-slots),minmax(0,1fr)); gap:2px; margin-left:-3px; }
#weatherHeatmaps .wx-axis-ticks span { position:relative; height:13px; font:500 10px/13px system-ui; color:var(--wx-muted); font-variant-numeric:tabular-nums; padding-left:3px; white-space:nowrap; }
#weatherHeatmaps .wx-axis-ticks span.is-tick:not(:first-child)::before { content:""; position:absolute; left:0; top:2px; bottom:0; width:1px; background:var(--wx-muted); }
#weatherHeatmaps .wx-week-grid .wx-day-block::before { content:""; position:absolute; left:-5px; top:-3px; bottom:-3px; width:1px; background:var(--wx-line); pointer-events:none; }
#weatherHeatmaps .wx-legend .wx-legend-text { white-space:normal; }
/* Sticky altitude labels also cover the gaps above and below them, so a selected cell's outline, the now line or the
   day dividers never show over the labels when the grid is swiped sideways. */
#weatherHeatmaps .wx-hour-row > .wx-altitude,#weatherHeatmaps .wx-hour-axis > .wx-hour-sticky { box-shadow:0 -4px 0 var(--wx-surface),0 4px 0 var(--wx-surface),-4px 0 0 var(--wx-surface); }
#weatherHeatmaps .wx-altitudes,#weatherHeatmaps .wx-axis-corner { box-shadow:0 -6px 0 var(--wx-surface),0 6px 0 var(--wx-surface); }

/* Each compact oval contains Summit, Mid and Valley from top to bottom. */
#weatherHeatmaps { --wx-c0:#345b79;--wx-c1:#486b85;--wx-c2:#8ea1ad;--wx-c3:#bbc7cf;--wx-c4:#e4e9ed; }
#weatherHeatmaps .wx-cloud-0 { background:var(--wx-c0); }
#weatherHeatmaps .wx-cloud-1 { background:var(--wx-c1); }
#weatherHeatmaps .wx-cloud-2 { background:var(--wx-c2); }
#weatherHeatmaps .wx-cloud-3 { background:var(--wx-c3); }
#weatherHeatmaps .wx-cloud-4 { background:var(--wx-c4); }
#weatherHeatmaps .wx-overview { min-width:0; padding:12px 10px 8px; border:1px solid var(--wx-line); border-radius:16px; background:color-mix(in srgb,var(--wx-text) 3%,var(--wx-surface)); }
#weatherHeatmaps .wx-overview-heading { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:8px; }
#app #weatherHeatmaps .wx-overview-heading h2 { margin:0; color:var(--wx-text); font:650 16px/1.2 system-ui; letter-spacing:-.02em; }
#weatherHeatmaps .wx-overview-heading>span { color:var(--wx-muted); font-size:10px; white-space:nowrap; font-variant-numeric:tabular-nums; }
#weatherHeatmaps .wx-overview-key { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin:0 0 10px; }
#weatherHeatmaps .wx-overview-key>span { display:flex; align-items:center; gap:4px; min-width:0; font-size:11px; line-height:1.2; }
#weatherHeatmaps .wx-overview-key small { display:block; margin-top:2px; color:var(--wx-muted); font-size:9px; font-variant-numeric:tabular-nums; }
#weatherHeatmaps .wx-overview-key .wx-mountain-level { width:22px; height:26px; margin:0; }
#weatherHeatmaps .wx-overview-axis { display:grid; grid-template-columns:28px repeat(7,minmax(0,1fr)); gap:0; color:var(--wx-muted); font:600 10px/1.2 system-ui; text-align:center; margin-bottom:3px; }
#weatherHeatmaps .wx-overview-axis small { display:block; margin-top:2px; font:400 10px/1.2 system-ui; }
#weatherHeatmaps .wx-overview-row { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; min-height:40px; }
#weatherHeatmaps .wx-overview-icon { display:grid; place-items:center; width:28px; height:40px; margin:0; padding:0 7px 0 0; border:0; border-radius:5px; background:transparent; color:var(--wx-text); }
#weatherHeatmaps .wx-metric-icon { display:block; width:19px; height:19px; flex:none; }
#weatherHeatmaps .wx-overview-strip { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); min-width:0; overflow:hidden; border-radius:999px; }
#weatherHeatmaps .wx-overview-strip>button { display:grid; grid-template-rows:repeat(3,minmax(0,1fr)); position:relative; min-width:0; height:30px; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
#weatherHeatmaps .wx-overview-strip>button:focus-visible { outline-offset:-2px; z-index:2; }
#weatherHeatmaps .wx-overview-strip>button+button::before { content:""; position:absolute; left:0; top:0; bottom:0; width:1px; background:var(--wx-surface); opacity:.65; z-index:1; pointer-events:none; }
#weatherHeatmaps .wx-overview-band { display:flex; width:100%; min-height:0; overflow:hidden; }
#weatherHeatmaps .wx-overview-band+.wx-overview-band { border-top:1px solid #0002; }
#weatherHeatmaps .wx-overview-band>i { display:block; min-width:0; height:100%; }
#weatherHeatmaps .wx-overview-note { margin:8px 0 0; color:var(--wx-muted); font:400 10px/1.4 system-ui; }
#weatherHeatmaps .wx-week { margin-top:22px; padding-top:18px; border-top:1px solid var(--wx-line); }
@media(max-width:359px) {
  #weatherHeatmaps .wx-overview { padding-inline:8px; }
  #weatherHeatmaps .wx-overview-heading { align-items:flex-start; }
  #weatherHeatmaps .wx-overview-heading h2 { max-width:130px; font-size:15px; }
}

/* Holding a compact strip magnifies real forecast intervals without navigating away. */
#weatherHeatmaps .wx-overview-strip { position:relative; touch-action:pan-y; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
#weatherHeatmaps .wx-overview-strip[data-inspecting]::after { content:""; position:absolute; top:0; bottom:0; left:var(--wx-inspect-x); width:2px; background:white; box-shadow:0 0 0 1px #0008; pointer-events:none; }
#weatherHeatmaps .wx-lens-title { display:grid; gap:3px; margin-bottom:10px; font-size:12px; }
#weatherHeatmaps .wx-lens-title span { font-size:11px; color:var(--wx-muted); }
#weatherHeatmaps .wx-lens-grid { display:grid; grid-template-columns:52px repeat(var(--lens-slots),minmax(0,1fr)); gap:3px; align-items:center; margin-bottom:8px; }
#weatherHeatmaps .wx-lens-grid small { font-size:10px; text-align:center; }

#weatherHeatmaps .wx-lens-value { display:grid; place-items:center; min-height:32px; border-radius:4px; font-size:13px; font-variant-numeric:tabular-nums; }
#weatherHeatmaps .wx-lens-value.is-current { outline:2px solid var(--wx-ring); outline-offset:-2px; }

.vertex-v3 #app#app#app#app#app#app#app #weatherHeatmaps .wx-lens-value:is(.wx-temp-2,.wx-temp-3,.wx-temp-4,.wx-temp-5,.wx-temp-6,.wx-wind-2,.wx-wind-3,.wx-wind-4,.wx-wind-5,.wx-wind-6,.wx-cloud-2,.wx-cloud-3,.wx-cloud-4,.wx-precip-snow.wx-p2,.wx-p3,.wx-p4) { color:#10161c!important; }