.site-container,
.container {
	width: min(calc(100% - var(--container-gutter) - var(--container-gutter)), var(--container-content));
	margin-inline: auto;
}

.container--wide {
	width: min(calc(100% - var(--container-gutter) - var(--container-gutter)), var(--container-wide));
}

.container--reading {
	width: min(calc(100% - var(--container-gutter) - var(--container-gutter)), var(--container-reading));
}

.full-bleed {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

.site-main {
	min-height: 60vh;
	overflow: clip;
}

.cluster {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-4);
}

.grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
	gap: var(--space-5);
}

@media (min-width: 100rem) {
	:root { --container-gutter: clamp(2rem, 3vw, 4.5rem); }
}

@media (max-width: 22.5rem) {
	:root { --container-gutter: 0.75rem; }
}