/* Shared phone tap targets for the Alive site doors (line 5749,
   alive-site-doors-tap-targets-phone-r1, 2026-09-26). Linked from
   pricing.html (the plans door) and live-agents.html (the hire door).

   Measured on voice main 6549978a at 375x812 with a coarse pointer: 48
   tap targets under 32px on each page — the 47 footer nav links (16px
   text links in a gap:8px column) and the icon-only brand link (30px wide
   once the wordmark hides under 390px, R4-427). Under a coarse pointer
   each becomes at least 44x44; the footer column drops its 8px gap so the
   44px rows sit edge to edge without overlapping. The rules apply from
   first paint (the sheet is in <head> and the header/footer mount after
   it), so they add no layout shift.

   Not here, on purpose: the theme buttons are 36x36 (over 32) and the
   R4-427 header row has no room for 3x8px more at 390/393 under fallback
   fonts; the mobile menu rows, Menu button and legal links are already
   44px+ inline. Fine pointers (mouse, trackpad) see no change. The markup
   lives in alive-shell.js; these selectors only add sizes it never sets
   inline, so only the column gap (set inline) needs !important. */
@media (pointer: coarse) {
  header a[aria-label="NetShow Alive home"] {
    min-width: 44px;
    justify-content: center;
  }
  footer nav ul {
    gap: 0 !important;
  }
  footer nav ul a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    min-width: 44px;
  }
}