/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
/*!r:1785684195175*/
.cb__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:62ch;margin-block-end:var(--space-m)}.cb__filters{position:absolute;inline-size:0;block-size:0}.cb__controls{display:flex;flex-wrap:wrap;gap:var(--space-m) var(--space-l);align-items:center;margin-block-end:var(--space-m)}.cb__control{display:flex;flex-direction:column;gap:var(--space-2xs);font-size:var(--step--1);font-weight:600}.cb__control select{font-family:var(--font-body);font-size:var(--step-0);padding:var(--space-2xs) var(--space-s);min-block-size:2.5rem;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius-s)}.cb__cue-toggle{display:inline-flex;align-items:center;gap:.5ch;font-size:var(--step--1);font-weight:600}.cb__panel{display:flex;flex-direction:column;gap:var(--space-s);max-inline-size:22rem;padding:var(--space-l);background:#fff;border:1px solid var(--line);border-radius:var(--radius-m)}.cb__row{display:flex;align-items:center;gap:var(--space-s)}.cb__dot{inline-size:1.4rem;block-size:1.4rem;flex:0 0 auto;border-radius:50%}.cb__row--ok .cb__dot{background:#2e9e5b}.cb__row--warn .cb__dot{background:#e8a13a}.cb__row--err .cb__dot{background:#d64545}.cb__icon{inline-size:1.4rem;text-align:center;font-weight:800;color:#222}.cb__txt{color:#222;font-weight:600}.cb__icon,.cb__txt{display:none}.cb__panel.show-cues .cb__icon,.cb__panel.show-cues .cb__txt{display:inline}.cb__readout{font-size:var(--step-0);color:var(--ink);min-block-size:1.6em;margin-block-start:var(--space-m);padding:var(--space-s);background:var(--accent-soft);border-radius:var(--radius-s);max-inline-size:64ch}.cb__alt{margin-block-start:var(--space-l);border-block-start:1px solid var(--line);padding-block-start:var(--space-m)}.cb__alt summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.cb__alt[open] summary{margin-block-end:var(--space-s)}