/*
 * Molecule — wide media goes full-bleed on mobile.
 * WordPress keeps `align="wide"` inside the content gutter at every width; only
 * `align="full"` breaks out. Below the mobile breakpoint we give wide MEDIA
 * blocks (image/cover/gallery/media-text/video/embed) the exact same breakout
 * that `align="full"` uses under useRootPaddingAwareAlignments — max-width:none
 * plus a negative root-padding margin — so they reach the viewport edges with
 * no overflow. On a phone the gutter just shrinks the image for no benefit.
 */
@media (max-width: 600px) {
	.is-layout-constrained > :is(
		.wp-block-image,
		.wp-block-cover,
		.wp-block-gallery,
		.wp-block-media-text,
		.wp-block-video,
		.wp-block-embed
	).alignwide {
		max-width: none !important;
		margin-right: calc(var(--wp--style--root--padding-right, 0px) * -1) !important;
		margin-left: calc(var(--wp--style--root--padding-left, 0px) * -1) !important;
	}
}