/*
	Alignment's own width behaviour — scoped to this block, not the shared
	.prose/.columns__cta classes directly, since both are used by other
	blocks (FAQ answers, Team bio, Two/Three Column Content's own button)
	that shouldn't get this 900px cap. .one-column-content__embed (the
	Shortcode content type's own wrapper, one-column-content.php) gets the
	identical treatment, so a reviews/embed widget is capped/centered the
	same way WYSIWYG content is, without being wrapped in .prose itself
	(see that file's own comment for why).

	Left (the default, no modifier class) and Center (.is-centered) both
	cap the column at 900px (--container-narrow, tokens.css — the same
	token Page Banner's own content group uses). Left needs no extra
	positioning: with no margin-inline set, the capped column already sits
	flush with .container's own left edge, its own natural position. Center
	adds margin-inline: auto on top of the shared .is-centered text-align
	rule (typography.css/layout.css — .one-column-content__embed has no
	text of its own to center, so this margin-inline is the only part of
	.is-centered that actually does anything for it), centering the 900px
	column itself within the wider .container.

	Full (.is-full) removes the cap entirely, so the column fills
	.container's own full width — still left-aligned like Left, just
	without the narrower cap.
*/
.flex-section--one-column .prose,
.flex-section--one-column .columns__cta,
.flex-section--one-column .one-column-content__embed {
	max-width: var(--container-narrow); /* 900px */
}

.flex-section--one-column .prose.is-centered,
.flex-section--one-column .columns__cta.is-centered,
.flex-section--one-column .one-column-content__embed.is-centered {
	margin-inline: auto;
}

.flex-section--one-column .prose.is-full,
.flex-section--one-column .columns__cta.is-full,
.flex-section--one-column .one-column-content__embed.is-full {
	max-width: none;
}