/* ==========================================================================
   Layout
   ========================================================================== */

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

.site-main {
	flex: 1;
}

.content-area {
	max-width: var(--content-width);
	margin: 0 auto;
	padding-inline: var(--spacing-gap);
}

@media (max-width: 768px) {
	.content-area {
		padding-inline: 20px;
	}
}

.alignwide {
	max-width: var(--wide-width);
	margin-left: auto;
	margin-right: auto;
}

.alignfull {
	width: 100%;
	max-width: 100%;
}