body.auth-platform-web .auth-container {
  max-width: 400px;
}

/* Lock horizontal scroll on mobile browsers visiting auth.html.
   This file is only loaded by auth.html, so these html/body rules are
   auth-page-scoped. The native-shell body classes (auth-platform-ios,
   auth-platform-android, auth-native-shell) already lock overflow in
   their own platform CSS files; this covers plain mobile Safari / Chrome
   where no body class is applied. v4 */
@media (max-width: 980px) {
  html,
  body {
    overflow-x: hidden;
    max-width: 100vw;
  }
}