/* Stops iOS Safari from zooming the page when a form control receives focus.
 *
 * Safari zooms in on any focused text control whose computed font-size is below 16px and does not zoom back out on blur. The
 * accepted fix is to make touch-device controls at least 16px - NOT to disable pinch-zoom with `user-scalable=no` /
 * `maximum-scale=1` in the viewport meta tag, which would also take zoom away from low-vision users (WCAG 1.4.4). Both layouts
 * keep a plain `width=device-width, initial-scale=1` viewport.
 *
 * Loaded by BOTH layouts (public + admin) after their own stylesheets. Scoped to touch-primary devices, so desktop and
 * mouse-driven typography (e.g. the compact `.form-control-sm` admin filter bars) is untouched. `!important` is deliberate: the
 * legacy public stylesheet sizes some controls with long descendant selectors and Bootstrap sizes `-sm` controls at .875rem; a
 * floor that any of them could quietly win against would defeat the purpose.
 */
@media (pointer: coarse), (hover: none) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="color"]):not([type="hidden"]),
    select,
    textarea,
    .form-control:not(.form-control-lg),
    .form-select:not(.form-select-lg),
    .ql-editor,
    .admin-quill-source,
    [contenteditable="true"] {
        font-size: 16px !important;
    }
}