/* Keep editable fields at the mobile browser's non-zooming text size.
   Applies to dynamically inserted forms and dialogs as well as page fields. */
@media (max-width:1023px), (hover:none) and (pointer:coarse) {
    html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
    body.xb-theme:not(.xbd-embedded) :is(
        input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]),
        textarea, select, [contenteditable="true"], [contenteditable=""], [contenteditable="plaintext-only"]
    ) {
        font-size:16px!important;
        scroll-margin-block:12px;
        max-width:100%;
    }
    /* Focusing a field must not start a smooth page-pan animation. */
    html:focus-within, body.xb-theme:focus-within,
    body.xb-theme #xb-content:focus-within,
    body.xb-theme :is(dialog,.modal,.xb-registration-scroll):focus-within {
        scroll-behavior:auto!important;
        overflow-anchor:none;
    }
}