1.7.0

app.js

Banner snooze: dismissing a banner suppresses it for 6 hours via localStorage (configurable via BANNER_SNOOZE_HOURS)
Vis column header: "Visibility" → "Vis" with utci-tight-head class
UTCI+P font: 16px → 13px
Vehicle/Indoor col-toggle-group: dynamic col-toggle-group--expanded class when VentPill is visible
Wind units appear reverted to m/s in the diff (that was a pre-existing change from before the commit, not something we did today)
Footer links also show as removed — same story, pre-existing

table.css

Sticky header offset on mobile: top: 72px so it clears the fixed nav
Full @media (max-width: 480px) density block for squeezing 7 columns onto small screens
@media (max-width: 640px) profile/column toggle grid: calc((100% - 12px) / 3) for correct 3-column layout accounting for gaps
col-toggle-group 1-slot default, col-toggle-group--expanded for 2-slot when pill active

ui.css — CustomSelect button clipping on mobile (label ellipsis, arrow absolutely positioned)
components.js — cs-btn-label span wrapper inside CustomSelect button for ellipsis support

assets/css/ui.css

@@ -715,3 +715,36 @@
   }
 
 }
+
+/* -- CUSTOM SELECT BUTTON - mobile label clipping ----------------------
+   On narrow screens buttons are fixed ~33% width. The .cs-btn-label span
+   wraps the text node so ellipsis can work (text-overflow needs a block
+   context - bare text nodes inside flex containers cannot clip directly).
+   The cs-arrow is flex-shrink-0 so the chevron always stays visible.
+   DENSITY-BREAKPOINT - matches the table.css 480px breakpoint.
+   -------------------------------------------------------------------- */
+@media (max-width: 480px) {
+  .cs-btn {
+    display: block !important;
+    position: relative !important;
+    overflow: hidden;
+    padding: 7px 6px !important;
+    white-space: nowrap;
+  }
+
+  .cs-btn-label {
+    display: block;
+    width: calc(100% - 15px);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .cs-btn .cs-arrow {
+    position: absolute !important;
+    right: 6px;
+    top: 50%;
+    margin: 0;
+    transform: translateY(-50%) rotate(45deg);
+  }
+}