.step{counter-increment:step;line-height:1.7;margin:0;padding:1.4rem 0 .2rem 2.7rem;position:relative}.step:not(:last-child):after{background:rgb(var(--ink)/.12);bottom:-.2rem;content:"";inset-inline-start:.85rem;position:absolute;top:3.1rem;width:1px}.step:before{background:rgb(var(--bg));border:1px solid rgb(var(--ink)/.18);border-radius:50%;color:rgb(var(--ink)/.7);content:counter(step);display:grid;font-size:.75rem;font-variant-numeric:tabular-nums;height:1.7rem;inset-inline-start:0;place-items:center;position:absolute;top:1.25rem;width:1.7rem}.step-title{font-size:1.02rem;font-weight:600;margin:0}.step-title a{text-decoration:none}.step-title a:hover{text-decoration:underline}.step-parts{color:rgb(var(--ink)/.5);font-family:JetBrains Mono,monospace;font-size:.75rem;margin:.3rem 0 0}.step-body>:first-child{margin-top:.6rem}.step-body p{color:rgb(var(--ink)/.8);margin-block:.8rem}.step-body pre{background:rgb(var(--ink)/.05);border:1px solid rgb(var(--ink)/.1);border-radius:8px;font-size:.8rem;margin-block:.8rem;overflow-x:auto;padding:.8rem .9rem}.step-gotcha{background:rgb(var(--ink)/.04);border-inline-start:2px solid rgb(var(--ink)/.3);color:rgb(var(--ink)/.7);font-size:.88rem;margin:.9rem 0 0;padding:.6rem .8rem}
