/**
 * Board page Members grid between tablet and narrow desktop widths (CLTALCWI-247).
 *
 * Kadence Blocks falls back to the mobile one-column layout at tablet widths
 * for rows with more than four columns and no tablet layout, so each Members
 * card filled the full width at 1024px and below. Its five desktop columns are
 * also too narrow for the longest member surnames until about 1100px, where
 * those names broke mid-word. Step the columns so every card stays wider than
 * the longest name: 3 columns from 768px, 4 from 880px, Kadence's 5 from 1150px.
 * Mobile (767px and below) keeps Kadence's single column. The four-column
 * Officers grid needs 3 columns up to 819px for the same reason.
 *
 * The kt-tab-layout-inherit class drops out if an editor later picks a tablet
 * layout for the row in Kadence, and that choice then wins.
 */
@media (min-width: 768px) and (max-width: 879px) {
    body.page-id-1270 .kt-row-column-wrap.kt-has-5-columns.kt-tab-layout-inherit {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 880px) and (max-width: 1149px) {
    body.page-id-1270 .kt-row-column-wrap.kt-has-5-columns.kt-tab-layout-inherit {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 768px) and (max-width: 819px) {
    body.page-id-1270 .kt-row-column-wrap.kt-has-4-columns.kt-tab-layout-inherit {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}