/* ux-qw-20261102: UX review quick wins (nav fit + hit areas, A–Z touch zone, ticker height). Loaded from partials/hub_theme_head.html */
@media (min-width: 701px) {
  /* #2 Fitts: taller nav targets (was 19 px) */
  html body .hub-top .hub-nav > a { min-height: 34px !important; display: inline-flex !important; align-items: center !important; box-sizing: border-box !important; }
  html body .hub-top .hub-hist-btn { min-height: 28px; min-width: 52px; }
  /* #1 items that don't fit move into "More" */
  html body .hub-top .hub-nav > a.uxq-moved { display: none !important; }
  /* #5 ticker: filter pills sit inside the ticker strip instead of floating above it (58 px overlay -> 28 px) */
  html body .hub-tk { display: flex; flex-direction: row-reverse; align-items: stretch; }
  html body .hub-tk .hub-tk-pills { flex: 0 0 auto; flex-wrap: nowrap; align-items: center; padding: 0 6px; background: rgba(8,10,16,.86);
    border-top: 1px solid color-mix(in srgb, var(--accent,#7aa2ff) 35%, transparent); }
  html body .hub-tk .hub-tk-bar { flex: 1 1 auto; min-width: 0; }
  html body .hub-tk.min { justify-content: flex-start; }
  html body .hub-tk.min .hub-tk-pills { background: none; border-top: 0; padding-bottom: 4px; }
  html body.has-hub-ticker { padding-bottom: calc(36px + env(safe-area-inset-bottom, 0px)) !important; }
}
@media (max-width: 700px) {
  /* #2 Fitts: Back/Forward pills keep their look but get a ~36 px tap zone */
  html body .hub-top .hub-hist-btn::after { content: ""; position: absolute; left: -3px; right: -3px; top: -9px; bottom: -9px; }
}
/* #3 Fitts: A–Z rail on phones gets a 40 px touch strip (letters stay where they were) and larger letters */
@media (max-width: 700px), (pointer: coarse) {
  html body .haz:not(.tv)::before { content: ""; position: absolute; top: 0; bottom: 0; right: 100%; width: 20px; }
  html body .haz:not(.tv) .haz-l { font-size: 11px; }
}
.uxq-more-menu a { display: block; }
/* navfit-20261108: a fitted row is not a sideways scroller. Labels keep the normal nav size. */
html body header.hub-top nav.hub-nav.uxq-fitted {
  overflow-x: hidden !important;
  touch-action: pan-y !important;
}