/* Desktop sign-in and registration layout. Mobile remains controlled by style.css. */
@media (min-width: 901px) {
  html body .site-main--login-page {
    display: grid;
    place-items: safe center;
    min-height: 100svh;
    padding: 0;
  }

  html body .login-page {
    grid-template-columns: minmax(22rem, 42%) minmax(0, 58%);
    width: min(100%, 1600px);
    min-height: 100svh;
    border-radius: 0;
  }

  html body .login-page__panel,
  html body .login-page--register .login-page__panel {
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    min-height: 100svh;
    padding: clamp(3rem, 6vh, 4rem) clamp(2rem, 4vw, 3.5rem) 2rem;
  }

  html body .login-page__content,
  html body .login-page__content--register {
    width: min(100%, 31rem);
  }

  html body .login-page__media,
  html body .login-page__media--register {
    grid-column: 1;
    grid-row: 1;
    min-height: 100%;
    height: 100%;
    max-height: none;
  }
}