.wp-block-wrd-cards-grid__grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));

	@media (width >= 40rem /* 640px */) {
		gap: 1.5rem;
	}

	&:not(:has(.wp-block-wrd-card.is-style-solid)) {
		row-gap: 2.5rem;
	}
}

.wp-block-wrd-cards-grid.is-style-large .wp-block-wrd-cards-grid__grid {
	grid-template-columns: 1fr;

	@media (width >= 48rem) {
		grid-template-columns: 1fr 1fr;
	}
}