/* bm/checklist — lista z checkmarkami, 1-2 kolumny */
.bm-checklist__grid {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px 40px;
}

.bm-checklist__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.bm-checklist__icon {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    background: color-mix(in srgb, var(--sec-list, var(--sec-link, var(--c-primary))) 14%, transparent);
    color: var(--sec-list, var(--sec-link, var(--c-primary)));
    margin-top: 1px;
}

.bm-checklist__text {
    font-family: var(--f-sans);
    font-size: 16px;
    line-height: 1.55;
    color: inherit;
}

@media (min-width: 760px) {
    /* Liczba kolumn z atrybutu bloku (--cl-cols, domyslnie 2). */
    .bm-checklist__grid { grid-template-columns: repeat(var(--cl-cols, 2), 1fr); }
}

/* Mniejszy naglowek tuz przed lista */
.bm-checklist__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 20px;
    color: inherit;
}

/* Akapity przed / po liscie */
.bm-checklist__intro,
.bm-checklist__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-checklist__intro { margin: 8px 0 32px; }
.bm-checklist__outro { margin: 32px 0 0; }
.bm-checklist__intro > :first-child,
.bm-checklist__outro > :first-child { margin-top: 0; }
.bm-checklist__intro > :last-child,
.bm-checklist__outro > :last-child { margin-bottom: 0; }