/* Mobile form defaults: keep focus readable without changing viewport scaling. */
@media (max-width: 991px), (any-pointer: coarse) {
    input:where(:not([type="hidden"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="button"], [type="submit"], [type="reset"], [type="image"])),
    textarea,
    select,
    [contenteditable="true"] {
        font-size: 16px;
    }

    /* Framework compact controls otherwise override the mobile defaults. */
    input.text-sm, input.text-xs,
    textarea.text-sm, textarea.text-xs,
    select.text-sm, select.text-xs,
    .form-control-sm, .form-select-sm,
    .fi-input, .fi-select-input,
    .choices__input {
        font-size: 16px !important;
    }
}