.n-container {
	--n-container-max-width: var(--container-content);
	--n-container-gutter: var(--page-gutter-mobile);

	box-sizing: border-box;
	width: min(100%, calc(var(--n-container-max-width) + (var(--n-container-gutter) * 2)));
	max-width: none;
	margin-inline: auto;
	padding-inline: var(--n-container-gutter);
}

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

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

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

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

@media (min-width: 768px) {
	.n-container {
		--n-container-gutter: var(--page-gutter-tablet);
	}
}

@media (min-width: 1024px) {
	.n-container {
		--n-container-gutter: var(--page-gutter-desktop);
	}
}