/* THT Dek Style — the "Lede (Dek)" standfirst treatment.
 * ONE class, written by both editors; loaded on the front-end, inside both editors, AND
 * inlined into AMP (<style amp-custom>) by the plugin. SEO-neutral: a styled <p>, never a heading.
 *
 * AMP-SAFE — do NOT break these:
 *   - Never force declaration priority (AMP rejects that). Out-specify theme CSS instead.
 *   - No custom JS, no inline style attributes (the plugin adds none on the front-end).
 *   - Keep it small (well under the amp-custom budget).
 * Tune --tht-dek-accent. Site palette: dark header #212121 · green accent #31942e · red #f70d28. */

:root {
	--tht-dek-accent: #212121; /* matches the dark site header */
}

/* Base — works everywhere, including AMP reader where there's little competing CSS. */
.is-style-tht-dek {
	font-size: 1.3em;
	line-height: 1.55;
	font-weight: 400;
	color: #2b2b2b;
	text-align: left; /* override theme justify — keeps the lede ragged-right, no gappy spacing */
	margin: 0 0 1.4em;
	padding-left: 1rem;
	border-left: 4px solid var(--tht-dek-accent, #212121);
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* Higher specificity for content wrappers: classic theme, JNews, Elementor, AMP reader.
 * AMP-safe (no forced-priority declarations). If a wrapper still wins on staging, extend this list. */
.entry-content p.is-style-tht-dek,
.jeg_post_content p.is-style-tht-dek,
.content-inner p.is-style-tht-dek,
.amp-wp-article-content p.is-style-tht-dek {
	font-size: 1.3em;
	line-height: 1.55;
	font-weight: 400;
	color: #2b2b2b;
	text-align: left; /* beats theme .content-inner p { text-align: justify } via higher specificity */
	padding-left: 1rem;
	border-left: 4px solid var(--tht-dek-accent, #212121);
}

/* Mobile / tablet — keep the lede a comfortable read on narrow screens (incl. AMP, which is mobile-first). */
@media (max-width: 782px) {
	.is-style-tht-dek,
	.entry-content p.is-style-tht-dek,
	.jeg_post_content p.is-style-tht-dek,
	.content-inner p.is-style-tht-dek,
	.amp-wp-article-content p.is-style-tht-dek {
		font-size: 1.18em;
		line-height: 1.5;
		padding-left: 0.8rem;
	}
}