/* Keep the six derived state words. Use a quiet selected stage. */
.stepper { margin: var(--dz-space-16) 0 var(--dz-space-24); }
.stepper-shell { margin-top: var(--dz-space-16); }
.stepper-disclosure > summary { min-height: var(--dz-control-height); box-sizing: border-box; padding: var(--dz-space-12) 0; cursor: pointer; list-style: disclosure-closed inside; }
.stepper-disclosure[open] > summary { list-style-type: disclosure-open; }
.stepper-disclosure > summary::marker { color: var(--dz-muted); }
.stepper-disclosure > summary:focus-visible { outline: var(--dz-focus-width) solid var(--dz-focus); outline-offset: var(--dz-focus-offset); }
.stepper-shell > #post-steps { display: none; }
.stepper-disclosure[open] + #post-steps { display: block; }
.stepper__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dz-space-8); margin: 0; padding: 0; list-style: none; border-bottom: var(--dz-stroke-hair) solid var(--dz-line); }
.stepper__item { min-width: 0; padding: var(--dz-space-12); border: 0; border-radius: var(--dz-radius-none); border-top-left-radius: var(--dz-radius-chip); border-top-right-radius: var(--dz-radius-chip); }
.stepper__head { display: flex; align-items: baseline; gap: var(--dz-space-8); }
.stepper__num { color: var(--dz-muted); }
.stepper__label { color: var(--dz-ink); overflow-wrap: anywhere; text-decoration: none; }
a.stepper__label { display: inline-flex; align-items: center; min-height: var(--dz-control-height); }
a.stepper__label:hover { text-decoration: underline; }
a.stepper__label:focus-visible { outline: var(--dz-focus-width) solid var(--dz-focus); outline-offset: var(--dz-focus-offset); }
.stepper__state { display: flex; align-items: flex-start; gap: var(--dz-space-4); color: var(--dz-muted); }
.stepper__state > .rsx-icon { margin-top: calc(var(--dz-space-4) / 2); width: 14px; height: 14px; }
.stepper__item--warning .stepper__state { color: var(--dz-st-warning); }
.stepper__item--danger .stepper__state { color: var(--dz-st-danger); }
.stepper__reason { margin: var(--dz-space-8) 0 0; color: var(--dz-muted); }
.stepper__item[aria-current="step"] { background: var(--dz-selection-bg); }
.stepper__item[aria-current="step"] .stepper__label { color: var(--dz-accent); text-decoration: none; }
.stepper--compact { margin: var(--dz-space-8) 0; }
.stepper--compact .stepper__list { border-bottom: 0; }
.stepper--compact .stepper__item { display: flex; flex-direction: column; align-items: flex-start; gap: var(--dz-space-4); }
@media (min-width: 761px) { .stepper__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 901px) {
  .stepper__list { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; }
  .stepper-disclosure { display: none; }
  .stepper-shell > #post-steps { display: block; }
}
@media (max-width: 900px) { .stepper-shell { border-bottom: var(--dz-stroke-hair) solid var(--dz-line); } }