/*
 * Login entry effectiveness — mobile-first CTA hierarchy.
 * Complements pages.css login styles. Live evidence: on narrow viewports
 * the protected-entry card was below the fold behind philosophy copy.
 */

@media (max-width: 68rem) {
  .login-layout {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 6vw, 3.5rem);
  }

  /* Entry control first — operators should not scroll past philosophy to sign in */
  .login-card {
    order: -1;
  }

  .login-main {
    align-items: start;
    padding-block: clamp(2rem, 6vw, 4rem);
  }
}

@media (max-width: 48rem) {
  /* Philosophy is available via "How access works"; keep first screen conversion-focused */
  .login-brand-stage {
    display: none;
  }

  .login-lede {
    font-size: 0.95rem;
    max-width: 36rem;
  }

  .login-copy .avc-heading--display {
    font-size: clamp(2.4rem, 11vw, 3.6rem);
  }

  .login-cta .login-action,
  .login-action {
    min-height: 3.25rem;
    width: 100%;
  }

  .login-expect {
    font-size: 0.7rem;
  }
}