/**
 * Mining Engineering editorial typography.
 * Scoped to singular article content, Elementor Post Content and block editor.
 */

:root {
	--meup-editorial-h2: #9f2d00;
	--meup-editorial-h3: #0f766e;
	--meup-editorial-h4: #334155;
	--meup-editorial-quote: #334155;
	--meup-editorial-mineral: #c28b24;
	--meup-editorial-ink: #263646;
	--meup-editorial-muted: #64748b;
	--meup-editorial-line: #dbe4e8;
	--meup-editorial-surface: #ffffff;
}

/*
 * Article roots.
 *
 * Elementor can render its Theme Post Content widget with either the classic
 * `.elementor-widget-container` wrapper or optimized single-wrapper markup.
 * The PHP bridge also adds `.meup-editorial-content-root` to that widget.
 */
body.meup-editorial-enabled :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
),
.meup-editorial-content-root,
.editor-styles-wrapper {
	--meup-editorial-heading-shadow: 0 12px 30px rgba(15, 23, 42, 0.055);
}

/* H2: major engineering section — oxide red, structural rail and mineral seam. */
body.meup-editorial-enabled.meup-editorial-h2 :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(h2, h2.wp-block-heading),
.meup-editorial-content-root.meup-editorial-h2 :where(h2, h2.wp-block-heading),
.editor-styles-wrapper :where(h2, h2.wp-block-heading) {
	position: relative;
	isolation: isolate;
	margin-block: clamp(2.6rem, 6vw, 4.3rem) clamp(1rem, 2.6vw, 1.55rem);
	padding-block: 0.7rem 0.78rem;
	padding-inline: 1.15rem 1rem;
	border: 0;
	border-inline-start: 5px solid var(--meup-editorial-h2);
	border-radius: 0.9rem;
	background:
		linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.86) 48%, rgba(159,45,0,0.08) 100%),
		var(--meup-editorial-surface);
	background:
		linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.86) 48%, color-mix(in srgb, var(--meup-editorial-h2) 8%, transparent) 100%),
		var(--meup-editorial-surface);
	box-shadow: var(--meup-editorial-heading-shadow);
	color: var(--meup-editorial-h2) !important;
	font-size: clamp(1.42rem, 2.35vw, 2rem);
	font-weight: 850;
	line-height: 1.65;
	letter-spacing: -0.018em;
	text-wrap: balance;
}

body.meup-editorial-enabled.meup-editorial-h2 :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(h2, h2.wp-block-heading)::after,
.meup-editorial-content-root.meup-editorial-h2 :where(h2, h2.wp-block-heading)::after,
.editor-styles-wrapper :where(h2, h2.wp-block-heading)::after {
	content: "";
	position: absolute;
	inset-inline-start: 1.15rem;
	inset-block-end: -0.18rem;
	width: clamp(3.5rem, 8vw, 5.6rem);
	height: 0.28rem;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--meup-editorial-h2), var(--meup-editorial-mineral));
	box-shadow: 1.35rem 0 0 -0.08rem rgba(194, 139, 36, 0.28);
	box-shadow: 1.35rem 0 0 -0.08rem color-mix(in srgb, var(--meup-editorial-mineral) 28%, transparent);
}

/*
 * H3: operational subsection — survey station / borehole target.
 *
 * The compact card is intentionally different from H2: it reads as a measured
 * technical checkpoint, with a crosshair marker, a mineral assay point and a
 * calibrated baseline. Logical properties keep the layout correct in RTL/LTR.
 */
body.meup-editorial-enabled.meup-editorial-h3 :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(h3, h3.wp-block-heading),
.meup-editorial-content-root.meup-editorial-h3 :where(h3, h3.wp-block-heading),
.editor-styles-wrapper :where(h3, h3.wp-block-heading) {
	position: relative;
	isolation: isolate;
	min-height: 3.35rem;
	margin-block: clamp(2.1rem, 4.8vw, 3.35rem) clamp(0.85rem, 2vw, 1.15rem);
	padding-block: 0.72rem 0.78rem;
	padding-inline: 3.35rem 1.05rem;
	overflow: hidden;
	border: 1px solid rgba(15, 118, 110, 0.16);
	border-color: color-mix(in srgb, var(--meup-editorial-h3) 16%, transparent);
	border-inline-start: 4px solid var(--meup-editorial-h3);
	border-radius: 0.95rem;
	background:
		linear-gradient(135deg, transparent 0 72%, rgba(15, 118, 110, 0.045) 72% 100%),
		linear-gradient(90deg, rgba(255,255,255,0.99), rgba(248,250,252,0.94));
	background:
		linear-gradient(135deg, transparent 0 72%, color-mix(in srgb, var(--meup-editorial-h3) 4.5%, transparent) 72% 100%),
		linear-gradient(90deg, rgba(255,255,255,0.99), rgba(248,250,252,0.94));
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055);
	color: var(--meup-editorial-h3) !important;
	font-size: clamp(1.16rem, 1.75vw, 1.48rem);
	font-weight: 800;
	line-height: 1.72;
	letter-spacing: -0.014em;
	text-wrap: balance;
}

/* Survey station / borehole target. */
body.meup-editorial-enabled.meup-editorial-h3 :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(h3, h3.wp-block-heading)::before,
.meup-editorial-content-root.meup-editorial-h3 :where(h3, h3.wp-block-heading)::before,
.editor-styles-wrapper :where(h3, h3.wp-block-heading)::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset-inline-start: 0.92rem;
	inset-block-start: 50%;
	width: 1.28rem;
	height: 1.28rem;
	border: 2px solid var(--meup-editorial-h3);
	border-radius: 50%;
	background:
		radial-gradient(circle, var(--meup-editorial-mineral) 0 0.15rem, #fff 0.16rem 0.27rem, transparent 0.28rem),
		linear-gradient(var(--meup-editorial-h3), var(--meup-editorial-h3)) center / 0.11rem 150% no-repeat,
		linear-gradient(90deg, var(--meup-editorial-h3), var(--meup-editorial-h3)) center / 150% 0.11rem no-repeat,
		#fff;
	box-shadow:
		0 0 0 0.3rem rgba(15, 118, 110, 0.09),
		0 5px 14px rgba(15, 118, 110, 0.16);
	box-shadow:
		0 0 0 0.3rem color-mix(in srgb, var(--meup-editorial-h3) 9%, transparent),
		0 5px 14px color-mix(in srgb, var(--meup-editorial-h3) 16%, transparent);
	transform: translateY(-50%);
}

/* Calibrated baseline with a short mineral assay segment. */
body.meup-editorial-enabled.meup-editorial-h3 :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(h3, h3.wp-block-heading)::after,
.meup-editorial-content-root.meup-editorial-h3 :where(h3, h3.wp-block-heading)::after,
.editor-styles-wrapper :where(h3, h3.wp-block-heading)::after {
	content: "";
	position: absolute;
	z-index: 0;
	inset-inline: 3.35rem 1.05rem;
	inset-block-end: -1px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		var(--meup-editorial-h3) 0 18%,
		var(--meup-editorial-mineral) 18% 24%,
		rgba(15, 118, 110, 0.32) 24% 43%,
		transparent 43% 100%
	);
	background: linear-gradient(
		90deg,
		var(--meup-editorial-h3) 0 18%,
		var(--meup-editorial-mineral) 18% 24%,
		color-mix(in srgb, var(--meup-editorial-h3) 32%, transparent) 24% 43%,
		transparent 43% 100%
	);
}

/*
 * H4: field-note marker — a compact core-log tag with a measured dashed trace.
 * It is intentionally quieter than H3 so the article hierarchy stays obvious.
 */
body.meup-editorial-enabled.meup-editorial-h4 :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(h4, h4.wp-block-heading),
.meup-editorial-content-root.meup-editorial-h4 :where(h4, h4.wp-block-heading),
.editor-styles-wrapper :where(h4, h4.wp-block-heading) {
	position: relative;
	isolation: isolate;
	margin-block: clamp(1.55rem, 3.4vw, 2.35rem) clamp(0.62rem, 1.4vw, 0.9rem);
	padding-block: 0.42rem 0.52rem;
	padding-inline: 2.7rem 0.7rem;
	border: 0;
	border-radius: 0.62rem;
	background: linear-gradient(90deg, color-mix(in srgb, var(--meup-editorial-h4) 5%, transparent), transparent 72%);
	color: var(--meup-editorial-h4) !important;
	font-size: clamp(1.02rem, 1.35vw, 1.2rem);
	font-weight: 790;
	line-height: 1.78;
	letter-spacing: -0.009em;
	text-wrap: balance;
}

/* Core tray / sample tag. */
body.meup-editorial-enabled.meup-editorial-h4 :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(h4, h4.wp-block-heading)::before,
.meup-editorial-content-root.meup-editorial-h4 :where(h4, h4.wp-block-heading)::before,
.editor-styles-wrapper :where(h4, h4.wp-block-heading)::before {
	content: "";
	position: absolute;
	inset-inline-start: 0.72rem;
	inset-block-start: 50%;
	width: 1.22rem;
	height: 1.22rem;
	border: 1px solid color-mix(in srgb, var(--meup-editorial-h4) 32%, transparent);
	border-radius: 0.34rem;
	background:
		linear-gradient(90deg, transparent 0 29%, rgba(255,255,255,.92) 29% 35%, transparent 35% 64%, rgba(255,255,255,.92) 64% 70%, transparent 70%),
		linear-gradient(135deg, var(--meup-editorial-h4) 0 42%, var(--meup-editorial-mineral) 42% 62%, color-mix(in srgb, var(--meup-editorial-h4) 68%, #fff) 62% 100%);
	box-shadow: 0 0 0 0.24rem color-mix(in srgb, var(--meup-editorial-h4) 7%, transparent), 0 4px 10px rgba(15, 23, 42, 0.1);
	transform: translateY(-50%) rotate(45deg);
}

/* Survey trace with one mineral intercept. */
body.meup-editorial-enabled.meup-editorial-h4 :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(h4, h4.wp-block-heading)::after,
.meup-editorial-content-root.meup-editorial-h4 :where(h4, h4.wp-block-heading)::after,
.editor-styles-wrapper :where(h4, h4.wp-block-heading)::after {
	content: "";
	position: absolute;
	inset-inline: 2.7rem 0.7rem;
	inset-block-end: 0;
	height: 1px;
	background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--meup-editorial-h4) 34%, transparent) 0 0.38rem, transparent 0.38rem 0.68rem);
}

/* Blockquote: core-sample card with a mineral vein, quotation mark and calm contrast. */
body.meup-editorial-enabled.meup-editorial-quote :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote),
.meup-editorial-content-root.meup-editorial-quote :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote),
.editor-styles-wrapper :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) {
	position: relative;
	isolation: isolate;
	margin: clamp(1.9rem, 4vw, 3rem) auto;
	padding-block: clamp(1.35rem, 3vw, 2rem) clamp(1.35rem, 3vw, 1.9rem);
	padding-inline: clamp(1.35rem, 3vw, 2.15rem) clamp(1.25rem, 3vw, 2rem);
	overflow: hidden;
	border: 1px solid rgba(51, 65, 85, 0.13);
	border-inline-start: 6px solid var(--meup-editorial-mineral);
	border-radius: 1.15rem;
	background:
		radial-gradient(circle at 8% 14%, rgba(194, 139, 36, 0.13) 0 0.34rem, transparent 0.38rem),
		linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
	background:
		radial-gradient(circle at 8% 14%, color-mix(in srgb, var(--meup-editorial-mineral) 13%, transparent) 0 0.34rem, transparent 0.38rem),
		linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.075);
	color: var(--meup-editorial-quote) !important;
	font-size: clamp(1.02rem, 1.45vw, 1.2rem);
	font-style: normal;
	font-weight: 560;
	line-height: 2.05;
	text-align: start;
}

body.meup-editorial-enabled.meup-editorial-quote :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote)::before,
.meup-editorial-content-root.meup-editorial-quote :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote)::before,
.editor-styles-wrapper :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote)::before {
	content: "\201D";
	position: absolute;
	z-index: -1;
	inset-inline-start: clamp(0.9rem, 2vw, 1.45rem);
	inset-block-start: -0.2rem;
	color: rgba(194, 139, 36, 0.16);
	color: color-mix(in srgb, var(--meup-editorial-mineral) 16%, transparent);
	font-family: Georgia, serif;
	font-size: clamp(5rem, 10vw, 8rem);
	font-weight: 700;
	line-height: 1;
}

body.meup-editorial-enabled.meup-editorial-quote :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote)::after,
.meup-editorial-content-root.meup-editorial-quote :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote)::after,
.editor-styles-wrapper :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote)::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset-inline-end: -2.6rem;
	inset-block: 14% 14%;
	width: 5rem;
	border-radius: 55% 0 0 55%;
	background: repeating-linear-gradient(165deg, rgba(15,118,110,0.075) 0 0.34rem, transparent 0.34rem 0.72rem);
	background: repeating-linear-gradient(165deg, color-mix(in srgb, var(--meup-editorial-h3) 7.5%, transparent) 0 0.34rem, transparent 0.34rem 0.72rem);
	transform: rotate(-4deg);
}

body.meup-editorial-enabled.meup-editorial-quote :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) :where(p, ul, ol, blockquote),
.meup-editorial-content-root.meup-editorial-quote :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) :where(p, ul, ol, blockquote),
.editor-styles-wrapper :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) :where(p, ul, ol, blockquote) {
	position: relative;
	z-index: 1;
	margin-block: 0 0.7rem;
	color: inherit !important;
	font: inherit;
	line-height: inherit;
}

body.meup-editorial-enabled.meup-editorial-quote :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) :where(p, ul, ol, blockquote):last-child,
.meup-editorial-content-root.meup-editorial-quote :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) :where(p, ul, ol, blockquote):last-child,
.editor-styles-wrapper :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) :where(p, ul, ol, blockquote):last-child {
	margin-block-end: 0;
}

body.meup-editorial-enabled.meup-editorial-quote :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) :where(cite, footer, figcaption),
.meup-editorial-content-root.meup-editorial-quote :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) :where(cite, footer, figcaption),
.editor-styles-wrapper :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) :where(cite, footer, figcaption) {
	display: block;
	margin-block-start: 0.9rem;
	color: var(--meup-editorial-muted) !important;
	font-size: 0.88em;
	font-style: normal;
	font-weight: 600;
}

/* Preserve intentional highlights but replace the loud marker stripe inside quotes. */
body.meup-editorial-enabled.meup-editorial-quote :where(
	.entry-content,
	.post-content,
	.single-post-content,
	.wp-block-post-content,
	.td-post-content,
	.jeg_post_content,
	.elementor-post__content,
	.elementor-widget-theme-post-content,
	.elementor-widget-post-content,
	.meup-editorial-content-root
) :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) mark,
.meup-editorial-content-root.meup-editorial-quote :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) mark,
.editor-styles-wrapper :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) mark {
	padding: 0.05em 0.22em;
	border-radius: 0.28em;
	background: rgba(194, 139, 36, 0.18);
	background: color-mix(in srgb, var(--meup-editorial-mineral) 18%, transparent);
	color: inherit;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

@media (max-width: 782px) {
	body.meup-editorial-enabled.meup-editorial-h2 :where(
		.entry-content,
		.post-content,
		.single-post-content,
		.wp-block-post-content,
		.td-post-content,
		.jeg_post_content,
		.elementor-post__content,
		.elementor-widget-theme-post-content,
		.elementor-widget-post-content,
		.meup-editorial-content-root
	) :where(h2, h2.wp-block-heading),
	.meup-editorial-content-root.meup-editorial-h2 :where(h2, h2.wp-block-heading) {
		padding-inline: 0.85rem;
		border-inline-start-width: 4px;
		border-radius: 0.72rem;
	}

	body.meup-editorial-enabled.meup-editorial-h3 :where(
		.entry-content,
		.post-content,
		.single-post-content,
		.wp-block-post-content,
		.td-post-content,
		.jeg_post_content,
		.elementor-post__content,
		.elementor-widget-theme-post-content,
		.elementor-widget-post-content,
		.meup-editorial-content-root
	) :where(h3, h3.wp-block-heading),
	.meup-editorial-content-root.meup-editorial-h3 :where(h3, h3.wp-block-heading),
	.editor-styles-wrapper :where(h3, h3.wp-block-heading) {
		min-height: 3rem;
		padding-block: 0.62rem 0.68rem;
		padding-inline: 2.85rem 0.78rem;
		border-inline-start-width: 3px;
		border-radius: 0.78rem;
		font-size: clamp(1.08rem, 5vw, 1.28rem);
	}

	body.meup-editorial-enabled.meup-editorial-h3 :where(
		.entry-content,
		.post-content,
		.single-post-content,
		.wp-block-post-content,
		.td-post-content,
		.jeg_post_content,
		.elementor-post__content,
		.elementor-widget-theme-post-content,
		.elementor-widget-post-content,
		.meup-editorial-content-root
	) :where(h3, h3.wp-block-heading)::before,
	.meup-editorial-content-root.meup-editorial-h3 :where(h3, h3.wp-block-heading)::before,
	.editor-styles-wrapper :where(h3, h3.wp-block-heading)::before {
		inset-inline-start: 0.72rem;
		width: 1.08rem;
		height: 1.08rem;
	}

	body.meup-editorial-enabled.meup-editorial-h3 :where(
		.entry-content,
		.post-content,
		.single-post-content,
		.wp-block-post-content,
		.td-post-content,
		.jeg_post_content,
		.elementor-post__content,
		.elementor-widget-theme-post-content,
		.elementor-widget-post-content,
		.meup-editorial-content-root
	) :where(h3, h3.wp-block-heading)::after,
	.meup-editorial-content-root.meup-editorial-h3 :where(h3, h3.wp-block-heading)::after,
	.editor-styles-wrapper :where(h3, h3.wp-block-heading)::after {
		inset-inline: 2.85rem 0.78rem;
	}

	body.meup-editorial-enabled.meup-editorial-h4 :where(
		.entry-content,
		.post-content,
		.single-post-content,
		.wp-block-post-content,
		.td-post-content,
		.jeg_post_content,
		.elementor-post__content,
		.elementor-widget-theme-post-content,
		.elementor-widget-post-content,
		.meup-editorial-content-root
	) :where(h4, h4.wp-block-heading),
	.meup-editorial-content-root.meup-editorial-h4 :where(h4, h4.wp-block-heading),
	.editor-styles-wrapper :where(h4, h4.wp-block-heading) {
		padding-inline: 2.4rem 0.58rem;
		font-size: clamp(0.98rem, 4.3vw, 1.12rem);
	}

	body.meup-editorial-enabled.meup-editorial-h4 :where(
		.entry-content,
		.post-content,
		.single-post-content,
		.wp-block-post-content,
		.td-post-content,
		.jeg_post_content,
		.elementor-post__content,
		.elementor-widget-theme-post-content,
		.elementor-widget-post-content,
		.meup-editorial-content-root
	) :where(h4, h4.wp-block-heading)::before,
	.meup-editorial-content-root.meup-editorial-h4 :where(h4, h4.wp-block-heading)::before,
	.editor-styles-wrapper :where(h4, h4.wp-block-heading)::before {
		inset-inline-start: 0.62rem;
		width: 1.04rem;
		height: 1.04rem;
	}

	body.meup-editorial-enabled.meup-editorial-h4 :where(
		.entry-content,
		.post-content,
		.single-post-content,
		.wp-block-post-content,
		.td-post-content,
		.jeg_post_content,
		.elementor-post__content,
		.elementor-widget-theme-post-content,
		.elementor-widget-post-content,
		.meup-editorial-content-root
	) :where(h4, h4.wp-block-heading)::after,
	.meup-editorial-content-root.meup-editorial-h4 :where(h4, h4.wp-block-heading)::after,
	.editor-styles-wrapper :where(h4, h4.wp-block-heading)::after {
		inset-inline: 2.4rem 0.58rem;
	}

	body.meup-editorial-enabled.meup-editorial-quote :where(
		.entry-content,
		.post-content,
		.single-post-content,
		.wp-block-post-content,
		.td-post-content,
		.jeg_post_content,
		.elementor-post__content,
		.elementor-widget-theme-post-content,
		.elementor-widget-post-content,
		.meup-editorial-content-root
	) :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote),
	.meup-editorial-content-root.meup-editorial-quote :where(blockquote:not(.wp-block-pullquote blockquote), .wp-block-pullquote) {
		border-radius: 0.9rem;
		line-height: 1.95;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.meup-editorial-enabled :where(h2, h3, h4, blockquote),
	.meup-editorial-content-root :where(h2, h3, h4, blockquote),
	.editor-styles-wrapper :where(h2, h3, h4, blockquote) {
		scroll-behavior: auto;
	}
}

@media print {
	body.meup-editorial-enabled :where(
		.entry-content,
		.post-content,
		.single-post-content,
		.wp-block-post-content,
		.td-post-content,
		.jeg_post_content,
		.elementor-post__content,
		.elementor-widget-theme-post-content,
		.elementor-widget-post-content,
		.meup-editorial-content-root
	) :where(h2, h3, h4, blockquote, .wp-block-pullquote),
	.meup-editorial-content-root :where(h2, h3, h4, blockquote, .wp-block-pullquote) {
		box-shadow: none;
		break-inside: avoid;
	}
}