/* Approved reading face; interface labels retain their compact sans-serif. */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/eb-garamond/EBGaramond-Regular.woff2') format('woff2');
}

:root {
  --reading: 'EB Garamond', Georgia, serif;
  --ui: Manrope, Arial, sans-serif;
  --body: var(--reading);
}
body { font-family: var(--reading); font-size: 20px; line-height: 1.6; }
button, input, select, textarea, label, nav, table, summary,
.eyebrow, .primary-button, .secondary-button, .text-button, .back-button,
.hero-footnote, .intro-strip, .art-caption, .practice-tag, .practice-number,
.step-tracker, .character-count, .selection-slot, .deck-instruction,
.reveal-label, .reading-symbols figcaption, .gallery-card > span,
.gallery-decks, .launch-banner, .footer > span, .journal-entry small,
.motion-setting, .design-dialog small, .consent, .notice, .inline-error,
.form-error, #toast {
  font-family: var(--ui);
}

:root body p,
:root body blockquote,
:root body .result-lead {
  font-family: var(--reading);
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.6;
}
:root body .hero-copy > p { max-width: 390px; font-size: 22px; }
:root body .question-quote { font-size: 22px !important; line-height: 1.5 !important; }
:root body .deck-info p { font-size: 20px !important; }
:root body .form-help { font-size: 18px !important; }
:root body :is(.demo-note, .result-demo, .footer p, .result-sidebar > p) { font-size: 18px; }
:root body .card-viewer-description p { font-size: 20px; line-height: 1.4; }

@media (max-width: 650px) {
  :root body .hero-copy > p { font-size: 20px; max-width: 340px; }
  :root body .card-viewer-description p { font-size: 18px; }
}