/* Block «steps» — numbered steps as a vertical list with a blueprint connecting
   line; the number sits on the line as a square accent field. Loaded
   conditionally. */
.block-steps .steps-list {
    list-style: none; margin: 0; padding: 0;
    counter-reset: step;
    position: relative;
}
/* Connecting line (a hairline) through the number column */
.block-steps .steps-list::before {
    content: ""; position: absolute; top: 0; bottom: 0; left: 21px;
    border-left: 1px solid var(--border);
}
.block-steps .steps-item {
    counter-increment: step;
    position: relative;
    margin: 0 0 var(--size-5); padding: 0 0 0 calc(44px + var(--size-4));
}
.block-steps .steps-item:last-child { margin-bottom: 0; }
/* Number: a filled square accent field (industrial: radius 0) */
.block-steps .steps-item::before {
    content: counter(step);
    position: absolute; left: 0; top: 0;
    width: 44px; height: 44px;
    display: grid; place-items: center;
    background: var(--accent); color: #fff;
    font-family: var(--font-head); font-weight: var(--font-weight-7);
    font-size: var(--font-size-3);
}
.block-steps .steps-item h3 { margin: 0 0 .35rem; padding-top: .45rem; }
.block-steps .steps-item p { margin: 0; color: var(--muted); }

/* Optional icon per step — next to the number, not in its place. */
.block-steps .steps-icon { width:22px; height:22px; color:var(--accent-fg); display:block; margin-bottom:.3rem; }