@layer components{.wizard-step{padding-block:var(--space-l);border-block-start:1px solid var(--color-border);&:first-of-type{border-block-start:0}& .wizard-step__head{display:flex;gap:var(--space-s);align-items:baseline}& .wizard-step__number{flex-shrink:0;display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-pill);background:var(--color-accent-surface);color:var(--color-accent-deep);font-size:var(--size-step-1)}& .wizard-step__title{font-size:var(--size-step-2)}& .wizard-step__body{max-inline-size:var(--measure);margin-block-start:var(--space-s);color:var(--color-text-muted)}& .wizard-step__content{margin-block-start:var(--space-m)}}}