/**
 * FOUNDATION — AUTH PAGES (single-column form layout)
 * FILE: assets/css/auth.css
 * Stage 13.2A — Customer Authentication.
 *
 * Register/login reuse .contact-grid + .contact-form-panel from
 * contact.css (existing design system) but have no second panel
 * (no "Quick Contact" equivalent), so this only adds a modifier
 * that keeps the grid single-column at the 768px breakpoint where
 * contact.css normally splits it into two. Nothing in contact.css
 * itself is changed.
 */

.contact-grid--single {
  max-width: 560px;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .contact-grid--single {
    grid-template-columns: 1fr;
  }
}