/**
 * Layout — containers & grids (Design System).
 */

.container {
	width: 100%;
	max-width: var(--tolin-container);
	margin-inline: auto;
	padding-inline: clamp(20px, 4vw, 32px);
}

.container--wide {
	max-width: var(--tolin-container);
}

.tolin-grid {
	display: grid;
	gap: var(--space-2);
}

.tolin-grid--2 {
	grid-template-columns: 1fr;
}

.tolin-grid--3 {
	grid-template-columns: 1fr;
}

.tolin-grid--4 {
	grid-template-columns: 1fr;
}

.tolin-section {
	padding-block: var(--space-section);
}

.tolin-stack {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

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

.page-content {
	padding: var(--space-section) 0;
}

.site-main {
	min-height: 50vh;
}