.section-three-points {
    padding-block: 0;
    background-color: var(--color-bg-light-50);
	background-blend-mode: multiply;
}

/* Container carries the gridlines — move padding here so the lines
   span the full section height including top and bottom spacing */
.section-three-points > .container {
    padding-block: var(--size-v-pad-sm) var(--size-v-pad-sm);
}

.section-three-points .statement {
    max-width: 40ch;
}

.section-three-points .points-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--size-gap-cards);
    margin-top: var(--size-v-pad-md);
}

.section-three-points .point {
    padding-right: var(--size-pad-sm);
}

.section-three-points .point-desc {
    margin-top: 1em;
}

@media (max-width: 991.98px) {
    .section-three-points .points-grid {
        grid-template-columns: 1fr;
        gap: var(--size-pad-sm);
        margin-top: var(--size-v-pad-sm);
    }

    .section-three-points .point {
        padding-right: 0;
    }

    .section-three-points .statement {
        max-width: 100%;
    }

    .section-three-points > .container {
        padding-block: var(--size-v-pad-sm);
    }
}