/* Every document uses this frame contract, including auth, public and offline pages. */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-inline: 0;
    overflow-x: hidden;
    overflow-x: clip;
    overscroll-behavior-x: none;
    touch-action: pan-y;
  }

  *, *::before, *::after { box-sizing: border-box; }

  /* Prevent focus-triggered browser zoom even on older, compact form controls. */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="color"]),
  select,
  textarea { font-size: 16px !important; }
}