.l-container {
	width: min(100% - (var(--scc-container-gutter) * 2), var(--scc-container-max));
	margin-inline: auto;
}

.l-stack {
	display: flex;
	flex-direction: column;
	gap: var(--scc-stack-gap, var(--scc-space-6));
}

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

.l-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
	gap: var(--scc-grid-gap, var(--scc-space-6)); /* REQUIRES IMPLEMENTATION CALIBRATION */
}

.site-main {
	padding-block: var(--scc-space-8);
}

.site-header,
.site-footer {
	border-color: var(--scc-brand-border);
}

.site-header {
	border-bottom: 1px solid var(--scc-brand-border);
}

.site-header__inner {
	justify-content: space-between;
	min-height: var(--scc-space-10);
	padding-block: var(--scc-space-4);
}

.site-title {
	margin: 0;
	font-size: var(--scc-type-body-size);
	font-weight: 600;
	line-height: 1.2;
}

.site-navigation__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer {
	border-top: 1px solid var(--scc-brand-border);
}

.site-footer__inner {
	padding-block: var(--scc-space-6);
}

.site-footer__credit {
	color: var(--scc-brand-muted);
	font-size: var(--scc-type-body-small-size);
}