@layer layouts {
	.site {
		display: flex;
		flex-direction: column;
		min-height: 100dvh;
	}

	.site-main {
		flex: 1;
	}

	.container {
		width: 100%;
		max-width: var(--content-width);
		margin-inline: auto;
		padding-inline: var(--site-padding);
	}

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