/* ==========================================================================
   FormReady — Age Calculator page styles (tools/age-calculator.html only)
   Owner: Kai (Frontend) · Load order: styles.css → components.css →
   motion.css → THIS FILE (page sheet last, as on the sibling tools).
   Uses design tokens only — no new colours, no redefined components
   (docs/design-system.md §6 contract).
   ========================================================================== */

/* One-line summary above the stat grid ("24 years, 1 month, 1 day"). */
.age-summary {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: var(--text-xl);
  line-height: var(--leading-tight);
}

/* Exam rule line under the result area (date preset selected) and the
   no-age-limit note (nolimit preset selected). Quiet info styling —
   the preset chips already carry the selection state. */
.age-info-line {
  padding: var(--space-3) var(--space-4);
  background: var(--color-muted);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  font-weight: 700;
}

/* Eligibility hint next to a result (within / below / above). Status
   is carried by the words, not colour alone (design-system §2 rule 3);
   the strong weight is the only emphasis. */
.age-hint-line {
  font-size: var(--text-base);
  font-weight: 800;
}