/* Keep mobile form focus from changing the visual viewport scale. */
html { touch-action: manipulation; }

@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* The installed app keeps one-finger scrolling while suppressing pinch zoom. */
@media (display-mode: standalone) {
  html, body { touch-action: pan-x pan-y; }
}