/*!
 * Prevent iOS Safari's focus auto-zoom on form fields.
 * ───────────────────────────────────────────────────────────────────────
 * iOS/iPadOS Safari zooms into any editable field whose computed
 * font-size is < 16px — the ONLY trigger. Bumping the effective
 * font-size to 16px on that platform stops the zoom without touching
 * desktop typography or changing the design in any per-page stylesheet.
 *
 * Coverage strategy:
 *   1. @supports (-webkit-touch-callout: none) — matches Safari on
 *      iOS/iPadOS only. Desktop is untouched.
 *   2. High-specificity chain (html body …) so the rule wins against
 *      per-page class-level rules (0,1,1) without needing !important
 *      wars. External !important still can't beat an inline
 *      style="font-size:14px !important" — none exist in this repo
 *      today, but if one is added later, patch it at the source rather
 *      than escalating here.
 *   3. Also cover the widget by class name because it lives inside a
 *      Shadow-ish include with its own <style> block whose 0.9rem rule
 *      would otherwise still target the textarea.
 *
 * Loaded from templates/base.html so every page that extends it picks
 * up the guard.
 */
@supports (-webkit-touch-callout: none) {
  html body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  html body select,
  html body textarea,
  html body .ah-textarea,
  html body .ah-input-bar textarea,
  html body .review-textarea,
  html body .card-input,
  html body .form-control {
    font-size: 16px !important;
  }
}