.content-narrow {
	display: flow-root;
	width: 100%;
	max-width: 100%;
	margin-block: 0;
	margin-inline: auto;
}

.content-narrow:not(:first-child) {
	margin-top: var(--spacing-block-large);
}

.content-narrow:not(:last-child) {
	margin-bottom: var(--spacing-block-large);
}

.content-label + .content-narrow,
p:has(> .content-label) + .content-narrow {
	margin-top: 0;
}

@media (min-width: 740px) {
	.content-narrow,
	.page-content > .content-narrow {
		max-width: var(--content-width-tablet);
	}
}

@media (min-width: 1200px) {
	.content-narrow,
	.page-content > .content-narrow {
		max-width: var(--content-width);
	}
}