/* Two-column account entry; component sizes come from sign-in.css. */
body.sign-in:has(.auth-shell) { display: block; padding: 0; }
.auth-shell { max-width: 1160px; margin: auto; min-height: 100vh; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--space-64); align-items: center; padding: var(--space-64) var(--space-24); }
.auth-story { max-width: 490px; }
.auth-story .eyebrow { font: var(--type-kicker); letter-spacing: var(--type-kicker-tracking); margin: var(--space-32) 0 var(--space-16); }
body.sign-in .auth-story h2 { font: var(--type-display-m); letter-spacing: var(--type-display-m-tracking); margin: 0 0 var(--space-24); }
.auth-story p { color: var(--text-secondary); font: var(--type-body); margin-bottom: var(--space-16); }
.auth-story img { height: 20px; width: auto; }
.auth-story .steps { border-top: var(--hairline) solid var(--line-soft); margin: var(--space-24) 0; padding: 0; list-style: none; }
.auth-story li { padding: var(--space-16) 0; border-bottom: var(--hairline) solid var(--line-soft); display: flex; gap: var(--space-16); font: var(--type-body-s); }
.auth-story li span { font: var(--type-caption); color: var(--text-secondary); }
.auth-story a { color: inherit; text-underline-offset: 4px; }
body.sign-in .auth-shell .card { margin: 0; }
.auth-note { font: var(--type-caption); color: var(--text-secondary); margin-top: var(--space-12); }
.auth-plan { font: var(--type-body-s); background: var(--surface-sunk); border: var(--hairline) solid var(--line); border-radius: var(--radius-none); padding: var(--space-16); margin-bottom: var(--space-20); }
.auth-plan strong { display: block; }
.auth-plan a { color: inherit; }
.auth-help { font: var(--type-body-s); margin-top: var(--space-20); color: var(--text-secondary); }
.card .logo { margin-bottom: var(--space-24); }
@media (max-width: 760px) {
  .auth-shell { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-24); padding: var(--space-24) var(--space-16) var(--space-48); min-height: 0; }
  .auth-story { max-width: none; }
  .auth-story .eyebrow, .auth-story h2, .auth-story p, .auth-story .steps { display: none; }
  .auth-shell .card .logo { display: none; }
}