.wizard-shell { max-width: 850px; margin: 0 auto; }
.wizard-stepper { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; list-style: none; margin: 27px 0 24px; padding: 0; }
.wizard-stepper button { display: flex; align-items: center; gap: 12px; text-align: left; padding: 12px; border-radius: 12px; width: 100%; color: var(--muted); }
.wizard-stepper button[aria-current=step] { color: var(--ink); background: var(--accent-soft); }
.wizard-stepper button:disabled { cursor: default; opacity: .6; }
.wizard-number { display: grid; place-items: center; flex-shrink: 0; width: 35px; height: 35px; border: 1px solid var(--line); border-radius: 50%; font-size: 12px; }
.wizard-stepper [aria-current=step] .wizard-number { background: var(--accent); border-color: var(--accent); color: var(--accent-text); }
.wizard-stepper [data-completed=true] .wizard-number { border-color: var(--accent-mid); color: var(--accent-deep); }
.wizard-stepper button>span:last-child { font-size: 12px; font-weight: 600; min-width: 0; }
.wizard-stepper small { display: block; font-size: 9px; font-weight: 400; margin-top: 5px; color: var(--muted); }
.wizard-step-status { font-size: 10px; margin: 12px 0 28px; }
.wizard-step { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 20px; }
.wizard-step legend { font-size: 20px; letter-spacing: -.4px; font-weight: 600; padding: 0; margin-bottom: 12px; color: var(--ink); }
.wizard-step>.muted { font-size: 11px; margin-bottom: 5px; }
.wizard-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid var(--line); padding-top: 22px; margin-top: 5px; }
.wizard-actions>div { display: flex; gap: 12px; }
.wizard-review { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: 0; padding: 5px 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--soft); }
.wizard-review>div { padding: 16px 8px; min-width: 0; }
.wizard-review dt { font-size: 10px; color: var(--muted); margin-bottom: 7px; }
.wizard-review dd { font-size: 12px; color: var(--ink); margin: 0; overflow-wrap: anywhere; line-height: 1.8; }
.wizard-success { display: flex; align-items: center; flex-direction: column; gap: 20px; text-align: center; padding: 30px 15px; }
.wizard-success-icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--accent-soft); color: var(--accent-soft-text); font-size: 30px; }
.wizard-success h3 { font-size: 22px; }
.wizard-success p { max-width: 500px; }
@media(max-width:640px) { .wizard-stepper { gap: 5px; } .wizard-stepper button { flex-direction: column; gap: 8px; text-align: center; padding: 10px 4px; } .wizard-stepper button>span:last-child { font-size: 10px; } .wizard-stepper small { display: none; } .wizard-number { width: 31px; height: 31px; } .wizard-step legend { font-size: 18px; } .wizard-review { grid-template-columns: minmax(0,1fr); padding: 5px 12px; } .wizard-review>div { padding: 12px 6px; } .wizard-actions .btn { font-size: 10px; padding: 10px 12px; } }