/* Rules that replaced inline style attributes. Kept out of hero.css so that file
   stays a verbatim copy of the import — see Task 3's test.

   Per-word reveal delays for the halls title, previously inline --wd values.
   Values copied from the import. Note the 8th (the period) repeats 800ms rather
   than continuing the 120ms cadence — the period lands with "Wonder", not after
   it. Do not "correct" it to 920ms.

   Selectors are structural, not a flat nth-child(1..8): the markup nests
   "Halls of Wonder" inside an <em>, so a flat .halls-title i:nth-child(N) would
   count each <i> against its own parent's children and collide multiple words
   onto the same delay. Scoping by span/em keeps each word distinct. */
.halls-title span:nth-child(1) > i:nth-child(1) { --wd: 80ms; }
.halls-title span:nth-child(1) > i:nth-child(2) { --wd: 200ms; }
.halls-title span:nth-child(1) > i:nth-child(3) { --wd: 320ms; }
.halls-title span:nth-child(1) > i:nth-child(4) { --wd: 440ms; }
.halls-title em > i:nth-child(1) { --wd: 560ms; }
.halls-title em > i:nth-child(2) { --wd: 680ms; }
.halls-title em > i:nth-child(3) { --wd: 800ms; }
.halls-title span:nth-child(2) > i { --wd: 800ms; }

.faces-forge { display: grid; }

/* hero.css sets .chapter-link to --text-muted (0.45 alpha), which composites to ~4.1:1 on
   --surface-0 — below WCAG 1.4.3's 4.5:1 minimum (axe color-contrast, serious). hero.css is a
   verbatim copy of the design import and cannot be edited, so the fix lives here: --text-secondary
   is the same token swap used for .cds-help/.cds-menu-note/.cds-card-meta. */
.chapter-link { color: var(--text-secondary); }