:root{--teal-dk:#0d9488;--teal:#14b8a6;--quieter:#4b5563;--amber:#f59e0b;--amber-dk:#d97706;--success:#15803d;--danger:#dc2626;--danger-dk:#b91c1c;--touch-target:48px}.quieter{color:var(--quieter)}.stepper{gap:0;list-style:none;margin:0;padding:0}.stepper,.stepper-node{display:flex;align-items:center}.stepper-node{flex-direction:column;gap:8px;position:relative;min-width:var(--touch-target)}.stepper-circle{width:var(--touch-target);height:var(--touch-target);border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono,ui-monospace,monospace);font-size:.875rem;font-weight:500;border:2px solid var(--rule-2,rgba(26,26,46,.14));background:var(--color-cream,#fefcf8);color:var(--muted,#5f6474);transition:background .15s ease,border-color .15s ease,color .15s ease}.stepper-node.done .stepper-circle{background:var(--success);border-color:var(--success);color:#fff}.stepper-node.on .stepper-circle{background:var(--teal-dk);border-color:var(--teal-dk);color:#fff}.stepper-label{font-family:var(--font-sans,system-ui,sans-serif);font-size:.75rem;color:var(--muted,#5f6474);text-align:center;max-width:80px;line-height:1.3}.stepper-node.done .stepper-label,.stepper-node.on .stepper-label{color:var(--ink,#1a1a2e);font-weight:500}.stepper-rule{flex:1;height:2px;background:var(--rule,rgba(26,26,46,.08));margin:0 4px 24px;min-width:24px;transition:background .15s ease}.stepper-rule.done{background:var(--success)}.stepper-circle:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(13,148,136,.25)}@media (max-width:560px){.stepper{gap:4px}.stepper-circle{width:40px;height:40px;font-size:.75rem}.stepper-label{font-size:.6875rem;max-width:60px}.stepper-rule{min-width:12px}}