@layer trappist {
:where(
		[layout="full"],
		[data-layout="full"],
		[layout="0"],
		[data-layout="0"],
		.layout-full,
		.container-fluid,
		[layout="contain"],
		[data-layout="contain"],
		[layout="1"],
		[data-layout="1"],
		[layout="2"],
		[data-layout="2"],
		.layout-contain,
		.container,

	)
	> * {
	margin-inline: auto;
	padding-inline: calc(var(--gutter) / 2);
	inline-size: 100%;
}

:where(
		[layout="contain"],
		[data-layout="contain"],
		[layout="1"],
		[data-layout="1"],
		.layout-contain,
		.container
	)
	> * {
	max-inline-size: var(--content-width) !important;
}

:where(
		[layout="condensed"],
		[data-layout="condensed"],
		[layout="2"],
		[data-layout="2"],
		.layout-condensed,
		.condensed
	)
	> * {
	max-inline-size: var(--content-width-condensed) !important;
}

}