/* /arrived — the screen behind "Tap when baby's arrived" (2026-09-21).
 * A recipe of shared parts: 401 masthead, the app's .input, 1010 main button. This sheet owns
 * only the layout and the one headline. Tokens only (D-421). Prefix arv-. */

.arv-host { min-height: 100%; background: var(--surface-ground); }

/* The same raised card as the before-birth Home it was opened from — opening a card makes it
 * bigger, not different (ruled 2026-09-20 for the checklist, and true here). */
.arv {
  /* No horizontal margin: the page column (.appcol) already insets its children 16px, the same
   * inset the Home cards sit at. Adding 16 more pushed the card 16px off the right edge —
   * measured on the first render (card 32→390 on a 390 screen). */
  margin: var(--space-8) 0 var(--space-24);
  background: var(--surface-card);
  border-radius: var(--radius-card-lg);
  box-shadow: var(--shadow-card);
  padding: var(--space-32) var(--space-20) var(--space-24);
  text-align: center;
}

/* The congratulations is the page. Display face, the house's teal terminal full stop. */
.arv-title {
  font-family: var(--font-display);
  font-weight: var(--weight-600);
  font-size: var(--text-display-sm);
  line-height: var(--leading-115);
  letter-spacing: var(--tracking-neg-015);
  color: var(--text-primary);
  margin: 0 0 var(--space-24);
}
.arv-title .fs { color: var(--brand); }

.arv-q {
  display: block;
  font-size: var(--text-body);
  line-height: var(--leading-140);
  color: var(--text-secondary);
  margin: 0 0 var(--space-8);
}

.arv-input { width: 100%; text-align: left; }

.arv-err {
  font-size: var(--text-body-sm);
  line-height: var(--leading-140);
  color: var(--text-primary);
  margin: var(--space-12) 0 0;
}

.arv .lg-cta { margin-top: var(--space-20); }