/**
 * card-grid.css
 *
 * Reusable grid wrapper for card collections.
 */

.cardGrid {
	max-width: 54rem;
	margin: 0 auto;
	padding-inline: var(--content-inset);
}

.cardGrid-wide {
	max-width: 50rem;
}

.cardGrid.grid-3 {
	gap: 1.5rem;
}

.cardGrid.grid-4 {
	gap: 1.25rem;
}

@media screen and (min-width: 768px) {
	.cardGrid.grid-4 {
		gap: 1.5rem;
	}
}

@media screen and (min-width: 1040px) {
	.cardGrid {
        padding-inline: 0;
	}
}