/* page-module.codestudy — interactive code example via the Study CPT.
   Replaces codepen for new content. ACF layout is `study_module`. */

page-module.codestudy {
	.warning {
		color: var(--ink-error);
		margin-top: 1em;
	}

	.codestudy-wrapper {
		margin-top: var(--above-block);
	}

	text-content {
		margin-top: var(--below-block);
	}
}

[data-prominence='featured'] page-module.codestudy {
	@media (width >= 1000px) {
		grid-column: 2 / -2;
	}
}

[data-prominence='full'] page-module.codestudy {
	@media (width >= 1000px) {
		grid-column: 1 / -1;
		padding-inline: var(--gutter);
	}
}