/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
.spe__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:54ch;margin-block-end:var(--space-m)}.spe__presenter{display:grid;place-items:center;gap:var(--space-s);min-block-size:12rem;padding:var(--space-l);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m)}.spe__progress{font-family:var(--font-display);font-size:var(--step--1);color:var(--muted);margin:0}.spe__word{font-family:var(--font-display);font-weight:700;font-size:var(--step-4);letter-spacing:-.01em;margin:0}.spe__phase{font-family:var(--font-display);font-weight:500;font-size:var(--step-1);margin-block-end:var(--space-m)}.spe__recall textarea{inline-size:100%;max-inline-size:32rem;padding:var(--space-s);margin-block-end:var(--space-m);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-m);font-family:var(--font-body);font-size:var(--step-0);resize:vertical}.spe__recall textarea:focus-visible{outline:0;border-color:var(--accent-strong);box-shadow:0 0 0 2px var(--accent-strong)}.spe__results-title{font-size:var(--step-1);margin-block-end:var(--space-s)}.spe__slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:var(--space-2xs);margin:0 0 var(--space-s);padding:0;list-style:none}.spe__slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-3xs);padding:var(--space-2xs);border-radius:var(--radius-s);border:1px solid var(--line)}.spe__slot-pos{font-family:var(--font-display);font-size:var(--step--1);color:var(--muted)}.spe__slot-word{font-size:var(--step--1)}.spe__slot.is-hit{background:var(--accent-soft);border-color:transparent}.spe__slot.is-hit .spe__slot-pos,.spe__slot.is-hit .spe__slot-word{color:var(--accent-strong);font-weight:600}.spe__slot.is-miss{opacity:.7}.spe__legend{font-family:var(--font-display);font-size:var(--step--1);color:var(--muted);margin-block-end:var(--space-m)}.spe__verdict{max-inline-size:54ch}.spe__alt{margin-block-start:var(--space-l);border-block-start:1px solid var(--line);padding-block-start:var(--space-m)}.spe__alt summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.spe__alt[open] summary{margin-block-end:var(--space-s)}