/* Phone usability fixes (test G07): taller touch targets and a shorter pinned header. */
@media (max-width: 650px) {
  /* Only the top bar stays pinned while scrolling; the Register / Watch row scrolls away with the page. */
  .site-header { display: contents; }
  .site-header > .header-inner { position: sticky !important; top: 0 !important; z-index: 35; width: 100%; background: rgba(246, 247, 242, .97); border-bottom: 1px solid var(--line, #dce5dc); box-shadow: 0 3px 16px rgba(21, 59, 50, .063); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
  .site-header > .compact-start { background: var(--surface, #fff); border-bottom: 1px solid var(--line, #dce5dc); }
}
@media (max-width: 650px), (pointer: coarse) {
  button, .button, .film-download, .skill-filter, .nh-area, .text-button { min-height: 44px !important; }
  .search-voice-button, .nh-refresh, .menu-toggle, .header-sos, #uiLang, #menuToggle { min-width: 44px !important; min-height: 44px !important; }
  .brand { display: inline-flex; align-items: center; min-height: 44px; }
  footer a, footer .footer-pledge-link { display: inline-flex !important; align-items: center; min-height: 44px !important; }
}

/* Audit 30 Oct: visually hidden page heading, empty dialog title, larger hit area for inline links (no layout shift). */
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
#dialogTitle:empty { display: none; }
main .helper a, main p a { display: inline-block; padding: 14px 4px; margin: -14px -2px; }