/* bm/steps — ponumerowane kroki */
.bm-steps__list {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    counter-reset: bm-steps;
}

.bm-steps__item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.bm-steps__num {
    flex: 0 0 auto;
    font-family: var(--f-serif);
    font-weight: 500;
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1;
    color: var(--sec-list, var(--sec-link, var(--c-primary)));
    min-width: 1.6em;
}

.bm-steps__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 2px;
}

.bm-steps__title {
    font-family: var(--f-serif);
    font-weight: 500;
    font-size: clamp(18px, 1.6vw, 22px);
    line-height: 1.3;
    margin: 0;
    color: inherit;
}

.bm-steps__desc {
    font-family: var(--f-sans);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    color: color-mix(in srgb, currentColor 78%, transparent);
}

@media (min-width: 820px) {
    .bm-steps__list {
        /* Liczba kolumn z atrybutu bloku (--steps-cols, domyslnie 2). */
        grid-template-columns: repeat(var(--steps-cols, 2), 1fr);
        gap: 40px 48px;
    }
}

/* Mniejszy naglowek tuz przed krokami */
.bm-steps__lead {
    font-family: var(--f-serif);
    font-weight: 500;
    font-size: clamp(20px, 2vw, 26px);
    line-height: 1.3;
    letter-spacing: 0.02em;
    margin: 0 0 24px;
    color: inherit;
}

/* Akapity przed / po krokach */
.bm-steps__intro,
.bm-steps__outro {
    font-family: var(--f-sans);
    font-size: 16px;
    line-height: 1.7;
    max-width: 780px;
    color: color-mix(in srgb, currentColor 82%, transparent);
}
.bm-steps__intro { margin: 8px 0 36px; }
.bm-steps__outro { margin: 36px 0 0; }
.bm-steps__intro > :first-child,
.bm-steps__outro > :first-child { margin-top: 0; }
.bm-steps__intro > :last-child,
.bm-steps__outro > :last-child { margin-bottom: 0; }