/**
 * Blog post body typography — prod parity (red h2s inside post_content).
 *
 * Opt-in: keyed ONLY on the .saf-post-body class set on the post_content
 * jet-listing-dynamic-field widget in JTC single-post template 4358
 * (Advanced -> CSS Classes, admin-visible). Conditionally enqueued from
 * soberafe-child/functions.php on is_singular('post') only.
 * Rule 3 option 3 of .claude/rules/elementor-patterns.md.
 */

.saf-post-body h2 {
	color: #bd2727;
	font-family: Outfit, sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.15;
	margin: 1.6em 0 0.5em;
}

.saf-post-body h3 {
	color: #024163;
	font-family: Outfit, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	margin: 1.4em 0 0.5em;
}

.saf-post-body a {
	color: #bd2727;
	text-decoration: underline;
}

.saf-post-body blockquote {
	border-left: 3px solid #ebad2e;
	margin: 1.5em 0;
	padding: 0.25em 0 0.25em 1.25em;
	font-style: italic;
}

@media (max-width: 767px) {
	.saf-post-body h2 {
		font-size: 26px;
	}

	.saf-post-body h3 {
		font-size: 21px;
	}
}
