/**
 * Keep Petition list cards at the standard four-column desktop width when
 * the final row is incomplete. The wrapper selector previews the setting in
 * the block editor; the direct class is added to frontend markup.
 */
.grid.petition-grid--uniform-columns,
.petition-list--uniform-columns .petition-grid.grid {
	grid-template-columns: 1fr;
}

.grid.petition-grid--uniform-columns > .petition-item,
.petition-list--uniform-columns .petition-grid.grid > .petition-item {
	grid-column: span 1;
}

@media (min-width: 47.5em) {
	.grid.petition-grid--uniform-columns,
	.petition-list--uniform-columns .petition-grid.grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (min-width: 47.5em) and (max-width: 58.74em) {
	.grid.petition-grid--uniform-columns,
	.petition-list--uniform-columns .petition-grid.grid {
		grid-template-columns: repeat(2, 1fr);
	}
}