.scds-reference .view.active.scds-product-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--s-5);
	align-items: start;
}

.scds-reference .scds-product-grid > * {
	grid-column: 1 / -1;
	min-width: 0;
}

.scds-reference #overview.scds-product-grid > .sec-head {
	grid-column: 1 / -1;
}

.scds-reference #overview.scds-product-grid > .callout {
	grid-column: 1 / -1;
	height: 100%;
}

.scds-reference #overview.scds-product-grid > .card:not(.callout) {
	grid-column: 1 / -1;
	height: 100%;
}

.scds-reference #overview.scds-product-grid > .scds-product-tile--agenda {
	grid-column: 1 / -1;
}

.scds-reference #overview.scds-product-grid > .scds-product-tile--nudge {
	grid-column: 1 / -1;
}

.scds-reference .scds-product-tile,
.scds-reference .scds-product-tile > * {
	min-width: 0;
	height: 100%;
}

@media (max-width: 900px) {

	.scds-reference .view.active.scds-product-grid {
		grid-template-columns: 1fr;
	}

	.scds-reference .scds-product-grid > * {
		grid-column: 1 / -1;
	}

	.scds-reference #overview.scds-product-grid > * {
		grid-column: 1 / -1;
	}
}
