/* Installed touch app: responsive layout with a stable page scale. */
html.lx-app-viewport,
html.lx-app-viewport body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overscroll-behavior-x: none;
}

/* Apply through nested scrollers too; leave both scroll axes available while
   excluding pinch/double-tap zoom. WebKit gesture fallback is in app-viewport.js. */
:where(html.lx-app-viewport) :where(body, body *) {
    touch-action: pan-x pan-y;
}

/* iOS focuses small text fields by zooming the viewport. */
html.lx-app-viewport input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]),
html.lx-app-viewport textarea,
html.lx-app-viewport select {
    font-size: max(16px, 1em);
}