/*
 * iOS Safari enlarges the viewport when a focused form control renders below
 * 16px. Keep every editable control readable without disabling user zoom.
 * Loaded after page-specific styles so the rule is consistent in every role.
 */
@media (max-width: 820px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  textarea,
  select,
  .custom-select-trigger {
    max-width: 100%;
    font-size: 16px !important;
  }
}