/* No pending/hidden SSR state: native rendering remains the fallback. */
.minami-block-loading:where([data-minami-loading]:not([data-minami-loading="eager"])) {
	content-visibility: auto;
	contain-intrinsic-block-size: auto var(--minami-lazy-height, 500px);
}

.minami-block-loading[data-minami-loading="eager"],
.minami-block-loading.is-block-ready,
.minami-block-loading.is-block-nested,
.editor-styles-wrapper .minami-block-loading,
:where([data-minami-loading="eager"]:not([data-minami-loading-ineligible])) .minami-block-loading[data-minami-loading="auto"],
:where(header, nav, aside, form, dialog, [role="navigation"])
	.minami-block-loading {
	content-visibility: visible;
	contain-intrinsic-block-size: none;
}

.minami-block-media-pending {
	background: color-mix(
		in srgb,
		var(--minami-ds-muted-foreground, currentColor) 11%,
		transparent
	);
}

/* Only an image observed pending in a reserved box enters; cached/LCP paint stays static. */
.minami-block-media-ready {
	animation: minami-page-fade-in var(--minami-dur-short, 150ms) var(--minami-ease-standard, ease-out);
}

@media print {

	.minami-block-loading[data-minami-loading] {
		content-visibility: visible;
		contain-intrinsic-block-size: none;
		animation: none !important;
	}

	.minami-block-media-pending {
		background: transparent;
	}
}