.site {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

.site-main {
	flex: 1 0 auto;
	padding-block: var(--space-9);
}

.home-main {
	padding-block: 0;
}

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

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

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

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

.section {
	position: relative;
	padding-block: var(--space-10);
}

.section--white {
	background: var(--color-white);
}

.section--navy {
	background: var(--color-navy);
	color: var(--color-white);
}

.section-header {
	display: grid;
	gap: var(--space-5);
}

.post-list {
	display: grid;
	gap: var(--space-6);
}