/* Mobile: one document scroll. Avoid trapping the presentation inside a
   second viewport below the authentication card. */
@media (max-width: 880px) {
  html {
    scroll-behavior: smooth;
  }

  body.login-body {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .login-experience {
    height: auto;
    min-height: 100svh;
    overflow: visible;
  }

  .login-auth-column {
    position: relative;
    inset: auto;
    flex: 0 0 auto;
  }

  .login-showcase {
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .login-showcase-track {
    height: auto;
    min-height: 0;
    overflow: visible;
    overscroll-behavior: auto;
    scroll-snap-type: none;
  }

  .login-feature-page {
    height: auto;
    min-height: 100svh;
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }

  .login-showcase-nav {
    display: none;
  }
}

@media (max-width: 650px) {
  .login-auth-column {
    padding-bottom: 30px;
  }

  .login-feature-page {
    min-height: 100svh;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}