/* Nine family accents, with varied card accents throughout the grid. */
.chapters .chapter .chapter-name {
  color: var(--white);
  -webkit-text-fill-color: var(--white);
  background: none;
}
/* Keep the original divider artwork accents, independent of card colors. */
#family-growth .chapter-head,
#family-engineering .chapter-head,
#family-infrastructure .chapter-head,
#family-intelligence .chapter-head,
#family-commodities .chapter-head { --a: 212 175 55; }
#family-learning .chapter-head,
#family-automation .chapter-head { --a: 51 210 255; }
#family-trading .chapter-head,
#family-exchange .chapter-head { --a: 16 185 129; }
/* Remove the fixed outer rails and give every register column equal inset. */
.atmos .guides { border-inline: 0; }
#register .register-grid .reg-col { padding-inline: 18px; }
.register-grid .reg-col {
  background: linear-gradient(135deg, rgb(var(--a) / .07), transparent 82%);
  border-top: 1px solid rgb(var(--a) / .4);
}
.register-grid .reg-fam { color: var(--white); }
.register-grid .reg-fam span { color: var(--muted); }
.register-grid .reg-col a svg { color: rgb(var(--a) / .75); }
.register-grid .reg-col a:hover { color: rgb(var(--a)); }
.register-grid .reg-col a:hover .reg-name { text-decoration-color: rgb(var(--a) / .6); }
/* Gray at rest; cyan on hover, including the underline and section dash. */
.mast .mast-link { color: var(--muted); --gold: var(--cyan); }
.mast .mast-link:hover,
#register .eyebrow,
#register .eyebrow span { color: var(--cyan); }
#register .eyebrow { --gold: var(--cyan); }
.mast .mast-link::after { background: var(--cyan); }
#register .eyebrow::before,
#register .eyebrow::after { background: linear-gradient(90deg, var(--cyan), transparent); }

/* Neutral nav surface prevents the ambient gold glow showing through. */
.mast, .mast.is-scrolled { background: #050505; }