/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
/*!r:1790323689537*/
.hc__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:62ch;margin-block-end:var(--space-l)}.hc__comb{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-s);max-inline-size:30rem}.hc__cell{font:inherit;font-weight:700;font-size:var(--step--1);cursor:pointer;min-block-size:4rem;display:grid;place-items:center;padding:var(--space-s);border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--accent-strong);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.hc__cell--core{background:var(--accent);color:var(--on-accent)}.hc__cell.is-off{background:var(--surface-2);border-color:var(--line);color:var(--muted);text-decoration:line-through;opacity:.7}.hc__readout{font-size:var(--step-0);line-height:var(--leading-snug);min-block-size:1.6em;margin-block-start:var(--space-l);padding:var(--space-s);background:var(--accent-soft);border-radius:var(--radius-s);max-inline-size:64ch}.hc__alt{margin-block-start:var(--space-l);border-block-start:1px solid var(--line);padding-block-start:var(--space-m)}.hc__alt summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.hc__alt[open] summary{margin-block-end:var(--space-s)}@media (max-width:30rem){.hc__comb{grid-template-columns:repeat(2,1fr)}}