/* Shared mobile form safeguards.
 * iOS zooms the viewport when a focused form control computes below 16px.
 * Keep this stylesheet after page-level styles so every portal area is covered.
 */
@media (max-width: 767px) {
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]),
    select,
    textarea {
        font-size: 16px !important;
    }

    input,
    select,
    textarea,
    button,
    [role="button"] {
        touch-action: manipulation;
    }

    button,
    .btn,
    [role="button"] {
        box-sizing: border-box;
        max-width: 100%;
    }
}