.block-post-listing header h2 {
	text-align: center;
	font-size: clamp(1.5rem, 2.8vw, 1.75rem);
	margin-bottom: 2.25rem;
}

.block-post-listing header p {
	text-align: center;
}

.block-post-listing__inner {
	display: grid;
	grid-template-columns: repeat( var(--wp--custom--layout--grid-columns), minmax(0,1fr) );
	column-gap: var(--wp--custom--layout--column-gap);
	row-gap: var(--wp--custom--layout--row-gap);
}

.block-post-listing footer {
	text-align: center;
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid var(--wp--preset--color--tertiary);
}

.layout-gamma .block-post-listing__inner,
.layout-zeta .block-post-listing__inner {
	--wp--custom--layout--grid-columns: 2;
	column-gap: 22px;
}

@media only screen and (max-width: 991px) {
	.layout-epsilon .block-post-listing__inner {
		grid-auto-flow: column;
		grid-auto-columns: calc(100% / 2.5);
		grid-template-columns: none;
		overflow-x: auto;
		padding: 0 var(--wp--custom--layout--padding) 1rem;
		margin-left: calc( -1 * var(--wp--custom--layout--padding) );
		margin-right: calc( -1 * var(--wp--custom--layout--padding) );
		column-gap: 20px;
	}
}

@media only screen and (max-width: 767px) {
	:is(.layout-beta, .layout-delta) .block-post-listing__inner {
		grid-auto-flow: column;
		grid-auto-columns: calc(100% / 1.33);
		grid-template-columns: none;
		overflow-x: auto;
		padding: 0 var(--wp--custom--layout--padding) 1rem;
		margin-left: calc( -1 * var(--wp--custom--layout--padding) );
		margin-right: calc( -1 * var(--wp--custom--layout--padding) );
		column-gap: 20px;
	}

	:is(.layout-beta, .layout-delta) .block-post-listing__inner + footer {
		margin-top: 0.5rem;
	}

	.layout-epsilon .block-post-listing__inner {
		grid-auto-columns: calc(100% / 1.33);
	}
}

@media only screen and (min-width: 768px) {

	.full-width-content .entry-content .block-post-listing header h2,
	.full-width-content .block-area .block-post-listing header h2 {
		margin-bottom: 2.875rem;
	}

	:is(.content, .content-sidebar) .block-post-listing__inner {
		column-gap: 20px;
	}

	:is(.layout-alpha, .layout-beta) .block-post-listing__inner {
		--wp--custom--layout--grid-columns: 3;
	}

	:is(.layout-gamma, .layout-delta) .block-post-listing__inner {
		--wp--custom--layout--grid-columns: 4;
	}

	.layout-epsilon .block-post-listing__inner {
		--wp--custom--layout--grid-columns: 6;
		column-gap: 20px;
	}

	.layout-zeta .block-post-listing__inner {
		column-gap: 22px;
	}
}
