.committees {
    /* 32px → 48px below the filter bar. */
    --committees-gap-bar: clamp(2rem, 2rem + (100vw - 24.375rem) * 0.011958, 3rem);

    width: min(100% - 2 * var(--sav-page-margin), var(--sav-content-width));
    /* 124px → 160px, a margin so it collapses into the next block's own instead of adding. */
    margin-block-end: clamp(7.75rem, 7.75rem + (100vw - 24.375rem) * 0.026906, 10rem);
    margin-inline: auto;

    /* On a page the layout already keeps the page margin and would hold the list to the reading
       column, so the list takes the full band there. */
    .page-layout > & {
        max-width: none;
        width: min(100%, var(--sav-content-width));
    }
}

.committees__list {
    display: grid;
    grid-template-columns: 1fr;
    /* Rows 60px → 92px, the columns the gutter that leaves the card its drawn 430px. */
    gap: clamp(3.75rem, 3.75rem + (100vw - 24.375rem) * 0.023916, 5.75rem) var(--sav-grid-gutter);
    margin: var(--committees-gap-bar) 0 0;
    padding: 0;
    list-style: none;

    @media (min-width: 64rem) {
        grid-template-columns: repeat(3, 1fr);
    }
}

.committees__empty {
    margin-block-start: var(--committees-gap-bar);
}