.vr-steps { margin: var(--vr-space-7) 0 var(--vr-space-6); padding: 0; list-style: none; counter-reset: step; }
.vr-steps li { position: relative; padding: 0 0 var(--vr-space-6) calc(var(--vr-step-marker) + var(--vr-space-4)); counter-increment: step; }
.vr-steps li::before { content: counter(step); position: absolute; left: 0; top: -.1rem; display: grid; width: var(--vr-step-marker); height: var(--vr-step-marker); place-items: center; border: var(--vr-border); border-radius: var(--vr-radius-round); color: var(--vr-accent-dark); font-weight: var(--vr-weight-bold); }
.vr-steps li:not(:last-child)::after { content: ""; position: absolute; left: calc(var(--vr-step-marker) / 2); top: calc(var(--vr-step-marker) + var(--vr-space-1)); bottom: var(--vr-space-1); border-left: var(--vr-border); }
.vr-steps strong { display: block; margin-bottom: var(--vr-space-1); font-size: var(--vr-text-h3); }
.vr-steps p { margin: 0; color: var(--vr-text-secondary); }