/*
 * Both widths come from the theme's own custom properties — the same ones
 * `.site-container` uses — so a change to the theme's content width follows
 * through here instead of drifting. The px values are fallbacks only.
 */

/* Whole block sits in the content width. */
.wp-block-group.is-style-hmd-content-width,
.wp-block-columns.is-style-hmd-content-width,
.wp-block-cover.is-style-hmd-content-width {
	max-width: var( --global-content-width, 1290px );
	margin-left: auto;
	margin-right: auto;
	padding-left: var( --global-content-edge-padding, 24px );
	padding-right: var( --global-content-edge-padding, 24px );
}

/* Background stays edge to edge; only the inner content is constrained. */
.wp-block-group.is-style-hmd-full-bleed-inner > .wp-block-group__inner-container,
.wp-block-columns.is-style-hmd-full-bleed-inner > .wp-block-columns,
.wp-block-cover.is-style-hmd-full-bleed-inner > .wp-block-cover__inner-container {
	max-width: var( --global-content-width, 1290px );
	margin-left: auto;
	margin-right: auto;
	padding-left: var( --global-content-edge-padding, 24px );
	padding-right: var( --global-content-edge-padding, 24px );
}

/* A Group with no inner container (WP renders children directly when the
   layout is flow) still needs the inner rule to bite. */
.wp-block-group.is-style-hmd-full-bleed-inner:not(:has(> .wp-block-group__inner-container)) > * {
	max-width: var( --global-content-width, 1290px );
	margin-left: auto;
	margin-right: auto;
}