Touch targets on phones (fleet audit) (#198)

ddiff --git a/public/css/video.css b/public/css/video.css
iindex 409a25f..a728a3c 100644
---- a/public/css/video.css
++++ b/public/css/video.css
@@@ -603,6 +603,17 @@ html.ov-motion .ovv-stat.is-live .ovv-dot { animation: ovv-pulse 1.6s ease-out i
    .ovv-fold > summary span { display: none; }
  }
  
++/* Fingers, not pointers (2026-10-29): the hero's buttons are 44 px tall, and a card's title link and a section's
++   "see all" link reach 44 px with a vertical-only hit area. */
++@media (pointer: coarse) {
++  .ovv-btn { min-height: 44px; }
++  .ovv-section-head a, .ovv-card-title a { position: relative; }
++  /* The title's box clips what overflows it, so the hit area is made room inside it: the padding grows the clip
++     box by the same 12 px the margins take back, and nothing on the page moves. */
++  .ovv-card-title { padding-block: 13px; margin-block: -13px; }
++  .ovv-section-head a::after { content: ''; position: absolute; left: 0; right: 0; top: -11px; bottom: -11px; }
++  .ovv-card-title a::after { content: ''; position: absolute; left: 0; right: 0; top: -13px; bottom: -13px; }
++}
  /* Touch screens (2026-10-30, the owner: "scrolling here or finger drag doesn't work"): a list inside the page never
     traps a finger. The companion grows with its content; chapters flow in the page; the transcript and the chat replay
     (long and live) stay a bounded box no taller than 60% of the screen, and at either end the drag goes on to the page