/* Layered !important rules also take precedence over legacy ID selectors. */
@layer mobile-input-safety {
  @media (max-width: 1180px), (hover: none) and (pointer: coarse) {
    html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; touch-action: manipulation; }
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
    textarea, select, [contenteditable="true"], [contenteditable=""], [contenteditable="plaintext-only"] {
      font-size: 16px !important;
    }
    input, textarea, select, button, a, summary, [contenteditable] {
      touch-action: manipulation;
    }
  }
}