/**
 * Containers: narrow (FAQ/SEO) · default · wide (hero/grids) · full (shell only)
 */

.container-sm,
.container-narrow,
.container,
.container-default,
.container-lg,
.container-wide,
.container-full {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--container-pad);
	padding-right: var(--container-pad);
}

.container-sm,
.container-narrow {
	max-width: calc(var(--container-narrow) + 2 * var(--container-pad));
}

.container,
.container-default {
	max-width: calc(var(--container-default) + 2 * var(--container-pad));
}

.container-lg,
.container-wide {
	max-width: calc(var(--container-wide) + 2 * var(--container-pad));
}

.container-full {
	max-width: none;
}

.measure-narrow {
	max-width: var(--measure-narrow);
}

.measure-default {
	max-width: var(--measure-default);
}