/* Block: check-grid */
.check-grid {
    --check-grid-gap-x: calc(22 * var(--tgc-u));
    --check-grid-gap-y: calc(15 * var(--tgc-u));
    --check-grid-columns: 2;

    display: flex;
    flex-wrap: wrap;
    gap: var(--check-grid-gap-y) var(--check-grid-gap-x);
    max-width: var(--tgc-container);
    margin: calc(22 * var(--tgc-u)) auto 0;
    padding: 0 var(--tgc-gutter);
    list-style: none;
}

.check-grid > .check-pill {
    flex: 0 1 calc(
        (100% - (var(--check-grid-columns) - 1) * var(--check-grid-gap-x)) / var(--check-grid-columns)
    );
    min-width: 0;
}

.check-grid--cols-3 {
    --check-grid-columns: 3;
    --check-grid-gap-x: calc(26 * var(--tgc-u));
}

/* The question pills on Consulting sit loose and centre their last odd row. */
.check-grid--plain {
    --check-grid-gap-x: calc(42 * var(--tgc-u));
    --check-grid-gap-y: calc(18 * var(--tgc-u));

    justify-content: center;
}

/* Three across, with the odd last row centred under them. */
.check-grid--plain.check-grid--cols-3 {
    --check-grid-gap-x: calc(26 * var(--tgc-u));
}

@media (max-width: 768px) {
    .check-grid {
        --check-grid-columns: 1;
        --check-grid-gap-x: 0px;

        padding: 0 20px;
    }
}