// ────────────────────────────────────────────────────────────────
// Layout · Auth — zentriert eine Karte im Viewport (Login/Consent).
// ────────────────────────────────────────────────────────────────

.auth {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: var(--sp-6) var(--sp-4);
}

.auth__card {
  width: 100%;
  max-width: 400px;
}

// Marke ueber der Karte: Masthead und Karte in EINER Spalte, auf Kartenbreite.
// Ohne diese Huelle zentriert `.auth` jedes Kind einzeln — dann spannt sich die
// Ember-Linie des Mastheads ueber den ganzen Viewport. Fuer die Marke selbst gilt
// `.masthead` (Komponente „Marke"), nicht eine zweite Handschrift hier.
.auth__stack {
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
  width: 100%;
  max-width: 400px;
}

.auth__foot {
  margin-top: var(--sp-4);
  text-align: center;
  font-size: var(--fs-sm);
  color: var(--muted);
}