/* Ausschließlich die explizit gewählte Schrittfolge gestalten. */
.form-wizard [hidden] { display: none !important; }
.form-wizard-header { margin-bottom: 26px; }
.form-wizard-progress { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--red); margin-bottom: 12px; }
.form-wizard-header h3 { font-family: inherit; font-size: 25px; line-height: 1.25; margin-bottom: 10px; }
.form-wizard-header h3:focus-visible { outline: 2px solid var(--red); outline-offset: 5px; }
.form-wizard-hint { font-size: 14px; line-height: 1.6; color: var(--ink-dim); }
.form-wizard-panel { min-height: 190px; }
.form-wizard-actions { display: flex; align-items: center; gap: 12px; margin-top: 24px; }
.form-wizard-actions .btn { flex: 1; width: auto; margin-top: 0; }
.form-wizard-actions .form-wizard-back { flex: 0 0 auto; color: var(--ink-dim); }
.form-wizard-summary { padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); font-size: 13px; line-height: 1.6; margin-bottom: 20px; }
.form-wizard-error { color: var(--red); font-size: 13px; line-height: 1.5; margin-top: 10px; }