/* Date & Age Calculator — a form of two cards (duration, age) from
   styles/components/form.css: date rows use the shared datepicker as the
   row control, and each card ends in a hero result with its detail line. */

.dc-in { font-variant-numeric: tabular-nums; }

/* The hero reads as a phrase ("26 years, 8 months, 27 days"), so it runs a
   step smaller than a lone number. */
.dc-hero { font-size: clamp(20px, 7cqi, 30px); }
.dc-sub { font-variant-numeric: tabular-nums; }