/* Block Stylings (Front and Back end) */

/* List block is-style-#-columns block style variations */
*:has(> .wp-block-list[class*="columns"]),
* ~ :is(.wp-block-list[class*="columns"]) {
	container: list-col / inline-size;
}

/* @media (min-width: 38.5em) { */
@container list-col (min-width: 20rem) {
    .wp-block-list[class*="columns"] {
		column-count: 2;
		column-gap: 2rem;
	}
	
	.wp-block-list[class*="columns"] li:first-child {
		margin-top: 0;
	}
}

@container list-col (min-width: 30rem) {
    .wp-block-list:is(.is-style-3-columns, .is-style-4-columns) {
        column-count: 3;
	}
}

@container list-col (min-width: 40rem) {
    .wp-block-list.is-style-4-columns {
        column-count: 4;
	}
}