/* Guided editor · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Card, Progress. */
/* families/wizard-stepper/family.css */
.wz-sec-t{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal;letter-spacing:0}
/* families/wizard-stepper/family.css */
.wz-sec.is-complete .wz-mark{background:hsl(var(--accent));border-color:hsl(var(--accent));color:hsl(var(--primary))}
/* families/wizard-stepper/family.css */
.wz-sec.is-error .wz-mark{background:hsl(var(--destructive)/.08);border-color:hsl(var(--destructive)/.55);color:hsl(var(--destructive))}
/* families/wizard-stepper/family.css */
.wz-sec.is-locked .wz-mark{background:hsl(var(--muted));border-color:hsl(var(--border));color:hsl(var(--muted-foreground))}
/* families/wizard-stepper/family.css */
.wz-sec.is-current .wz-mark{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}
/* families/wizard-stepper/family.css */
.wz-sec{border:1px solid hsl(var(--border));border-radius:var(--r-card);background:hsl(var(--card));scroll-margin-top:var(--s-4)}
/* families/wizard-stepper/family.css */
.wz-sec+.wz-sec{margin-top:var(--s-3)}
/* families/wizard-stepper/family.css */
.wz-sec-h{display:flex;align-items:center;gap:var(--s-3);min-height:52px;padding:var(--s-2) var(--s-3) var(--s-2) var(--s-4)}
/* families/wizard-stepper/family.css */
.wz-sec-t{font-size:var(--text-card);font-weight:var(--w-semibold);flex:none;width:118px}
/* families/wizard-stepper/family.css */
.wz-sec-s{flex:1;min-width:0;font-size:var(--text-small);color:hsl(var(--muted-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* families/wizard-stepper/family.css */
.wz-sec.is-error .wz-sec-s{color:hsl(var(--destructive))}
/* families/wizard-stepper/family.css */
.wz-sec.is-locked .wz-sec-t{color:hsl(var(--muted-foreground))}
/* families/wizard-stepper/family.css */
.wz-sec.is-current{border-color:hsl(var(--primary)/.28);box-shadow:var(--e-1)}
/* families/wizard-stepper/family.css */
.wz-sec.is-current .wz-sec-h{border-bottom:1px solid hsl(var(--border));min-height:60px}
/* families/wizard-stepper/family.css */
.wz-sec.is-current .wz-sec-t{font-size:var(--text-section);width:auto}
/* families/wizard-stepper/family.css */
.wz-sec-b{padding:var(--s-4)}
/* families/wizard-stepper/family.css */
.wz-sec-b>p{color:hsl(var(--muted-foreground));margin-bottom:var(--s-4);max-width:72ch}
/* families/wizard-stepper/family.css */
.wz-ed{display:grid;grid-template-columns:248px minmax(0,1fr);border-top:1px solid hsl(var(--border))}
/* families/wizard-stepper/family.css */
.wz-ed-rail{padding:var(--s-5) var(--s-3);border-right:1px solid hsl(var(--border));background:hsl(var(--muted)/.35)}
/* families/wizard-stepper/family.css */
.wz-ed-col{height:680px;overflow:auto;display:flex;flex-direction:column;background:hsl(var(--muted)/.2)}
/* families/wizard-stepper/family.css */
.wz-ed-in{padding:var(--s-5) var(--s-6) var(--s-6);flex:1}
/* families/wizard-stepper/family.css */
.wz-flow{display:flex;flex-direction:column;gap:var(--s-5)}
/* families/wizard-stepper/family.css */
.wz-wiz{border:1px solid hsl(var(--border));border-radius:var(--r-card);overflow:hidden;background:hsl(var(--background))}
/* families/wizard-stepper/family.css */
.wz-wiz-top{padding:var(--s-5) var(--s-6);border-bottom:1px solid hsl(var(--border))}
/* families/wizard-stepper/family.css */
.wz-wiz-in{padding:var(--s-6)}