/* Post-content prose (WPCodeBox snippet 4319); layered so block utilities still win. */
@layer base {
	.entry-content { --prose-cap: 850px; }
	.entry-content :is(h2, h3) { margin-top: 1.5em; line-height: 1.2; }
	.entry-content :is(h2, h3):first-child { margin-top: 0; }
	.entry-content h2 { margin-bottom: 20px; }
	.entry-content h3 { margin-bottom: 10px; text-transform: none; }
}

.wp-block-column > :last-child {
	margin-bottom: 0;
}

/* "Block: image" and "Block: 2 images" from the Bricks site (docs/migration/components.md §9). */
:is(.entry-content, .is-root-container, .entry-content > .wp-block-group, .is-root-container > .wp-block-group) > :is(.wp-block-image, .wp-block-gallery) {
	margin-block: 75px;
}

:is(.entry-content, .is-root-container, .entry-content > .wp-block-group, .is-root-container > .wp-block-group) > :is(h2, h3) + :is(.wp-block-image, .wp-block-gallery),
:is(.entry-content, .is-root-container) > :is(.wp-block-image, .wp-block-gallery):first-child,
:is(.entry-content, .is-root-container) > .wp-block-group:first-child > :is(.wp-block-image, .wp-block-gallery):first-child {
	margin-top: 0;
}

:is(.entry-content, .is-root-container, .entry-content > .wp-block-group, .is-root-container > .wp-block-group) > .wp-block-image img {
	width: 100%;
}

:is(.entry-content, .is-root-container, .entry-content > .wp-block-group, .is-root-container > .wp-block-group) > .wp-block-gallery.has-nested-images {
	--wp--style--unstable-gallery-gap: 15px;
	gap: 15px;
	flex-wrap: nowrap;
}