/* || ------ CUSTOM STEPS LIST ------ */
.md-steps ol {
    margin:0 !important;
    --bullet-size: calc(1.6 * 1rem);
    --bullet-margin: .375rem;
    list-style: none;
    counter-reset: counter(steps-counter) var(--sl-steps-start, 0);
    padding-inline-start:0;
}

.md-steps>ol>li {
    margin:0 !important;
    counter-increment: steps-counter;
    position: relative;
    padding-inline-start:calc(var(--bullet-size) + 1rem);
    padding-bottom: 1px;
    min-height: calc(var(--bullet-size) + var(--bullet-margin))
}

.md-steps>ol>li::before {
    content: counter(steps-counter);
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: var(--bullet-size);
    height: var(--bullet-size);
    line-height: var(--bullet-size);
    font-size: var(--md-300);
    font-weight: 600;
    text-align: center;
    color: var(--md-title-color);
    background-color: var(--neutral-500);
    border-radius: 99rem;
    box-shadow: inset 0 0 0 1px var(--neutral-800);
}

[data-md-color-scheme="slate"] .md-steps>ol>li::before {
    background-color: var(--md-content-color-lighter);
    box-shadow: inset 0 0 0 1px var(--md-content-color-lightest);
}

.md-steps>ol>li:after {
    --guide-width: 1px;
    content: "";
    position: absolute;
    top: calc(var(--bullet-size) + (var(--bullet-margin)));
    bottom: var(--bullet-margin);
    inset-inline-start: calc((var(--bullet-size) - var(--guide-width)) / 2);
    width: var(--guide-width);
    background-color: var(--neutral-800);
}

[data-md-color-scheme="slate"] .md-steps>ol>li:after { background-color: var(--md-content-color-lightest);}

.md-nav--primary .md-nav__title {
    height: 4rem;
}