/* The numerology pages' own styles (products/astro/site/numerology.ts: its pages link this after /site.css): the date form,
   the worked steps and the numbers' grid. Kept out of /site.css, which every page loads. */
.nm-form { display: grid; gap: .5rem; max-width: 26rem; margin: 1rem 0 2rem; }
.nm-form input[type="date"], .nm-form input[type="number"] { min-height: 48px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--line); font: inherit; background: transparent; color: inherit; }
.nm-form label { font-weight: 600; }
.nm-form .btn { margin-top: .75rem; justify-self: start; }
.nm-steps { display: grid; gap: .5rem; margin: 1rem 0 1.25rem; padding-left: 1.25rem; font-variant-numeric: tabular-nums; }
.nm-steps strong { font-weight: 600; margin-right: .25rem; }
.nm-kept { color: var(--muted); font-size: .9375rem; }

/* The birthday pages' table of years (products/astro/site/birthday.ts): one line a year, the year always in view. */
#date-years td { white-space: nowrap; }
#date-years th[scope="row"] { position: sticky; left: 0; background: var(--stone); }