/*
 * Mobile interaction guard
 *
 * Remove accidental double-tap zoom without disabling intentional pinch zoom,
 * and keep text-entry controls large enough to avoid iOS focus zoom.
 */
html,
body {
  touch-action: manipulation;
}

:where(
  a,
  button,
  summary,
  label,
  input,
  textarea,
  select,
  [role="button"],
  [role="tab"],
  [role="option"],
  [role="switch"]
) {
  touch-action: manipulation;
}

@media (hover: none) and (pointer: coarse), (max-width: 767px) {
  input:not([type]),
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  input[type="password"],
  input[type="number"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  textarea,
  select {
    font-size: 16px !important;
  }
}