/* Extrait de startup_wizard.html */
.stepper { display:grid; grid-template-columns:repeat(5,1fr); gap:.5rem; counter-reset:step; }
.stepper .step { position:relative; text-align:center; padding-top:.25rem; }
.stepper .circle { width:38px; height:38px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; border:2px solid var(--bs-border-color); background:var(--bs-body-bg); font-weight:600; }
.stepper .label { display:block; font-size:.9rem; margin-top:.35rem }
.stepper .step::after { content:""; position:absolute; top:19px; left:calc(50% + 24px); right:calc(-50% + 24px); height:2px; background:var(--bs-border-color); }
.stepper .step:last-child::after { display:none }
.step.completed .circle { background:var(--bs-success-bg-subtle); border-color:var(--bs-success-border-subtle); color:var(--bs-success-text); }
.step.active .circle { background:var(--bs-primary-bg-subtle); border-color:var(--bs-primary-border-subtle); color:var(--bs-primary); }
.step.completed .label { color:var(--bs-success) }
.step.active .label { color:var(--bs-primary) }
.onboarding-header { position:sticky; top:0; z-index:1020; background:var(--bs-body-bg); border-bottom:1px solid var(--bs-border-color); }
.card-callout { border-left:4px solid var(--bs-primary); }