/*
 * `nomon-media-text` — the element selector outranks WP's `:root :where(.is-layout-constrained) > *` block gap.
 * Breakpoints live here, not as `min-[…]:` utilities: Blockstudio's editor Tailwind scan drops them,
 * and no comment directly before an `@media`: the editor-style prefixer breaks on it.
 */

section.nomon-media-text {
	margin-block: 75px;
}

/* InnerBlocks' wrapper div; a flex column keeps the h2 and p margins from collapsing. */
.nomon-media-text__text > div {
	display: flex;
	flex-direction: column;
}

.nomon-media-text__text {
	padding-bottom: 50px;
}

.nomon-media-text h2 {
	margin: 0 0 20px;
	overflow-wrap: anywhere;
}

.nomon-media-text p {
	margin: 25px 0 0;
}

.nomon-media-text p a {
	color: inherit;
	text-decoration: underline;
}

.nomon-media-text .nomon-buttons {
	margin-top: 25px;
}

[data-type="nomon/media-text"]:not(:has(.wp-block)) {
	min-height: 10rem;
}

@media (min-width: 768px) {
	.nomon-media-text { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nomon-media-text__text { padding: 50px 50px 50px 0; }
}
@media (min-width: 768px) {
	.nomon-media-text--no-image { grid-template-columns: minmax(0, 1fr); }
	.nomon-media-text--no-image .nomon-media-text__text { padding-inline: 0; }
}