/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
.nh__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:60ch;margin-block-end:var(--space-m)}.nh__list{display:grid;gap:var(--space-2xs);max-inline-size:44rem}.nh__item{border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;background:var(--surface)}.nh__head{inline-size:100%;display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);min-block-size:3rem;appearance:none;border:0;background:0 0;font-family:var(--font-body);font-weight:600;font-size:var(--step-0);text-align:start;color:var(--ink)}.nh__num{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:1.6rem;block-size:1.6rem;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);font-size:var(--step--1);font-weight:700}.nh__name{flex:1}.nh__chev{flex:0 0 auto;inline-size:0.6rem;block-size:0.6rem;border-inline-end:2px solid var(--accent-strong);border-block-end:2px solid var(--accent-strong);transform:rotate(45deg);transition:transform .15s}.nh__head.is-open .nh__chev{transform:rotate(-135deg)}.nh__panel{padding:0 var(--space-m) var(--space-s) calc(var(--space-m) + 2.1rem);display:flex;flex-direction:column;gap:var(--space-2xs)}.nh__gloss{font-size:var(--step-0);max-inline-size:60ch}.nh__eg{display:flex;gap:.5ch;font-size:var(--step--1);color:var(--muted);max-inline-size:60ch}.nh__eg-mark{font-weight:700;flex:0 0 auto}.nh__eg-mark--bad{color:var(--status-challenged-fg)}.nh__eg-mark--good{color:var(--status-supported-fg)}.nh__alt{margin-block-start:var(--space-m)}@media (prefers-reduced-motion:reduce){.nh__chev{transition:none}}