/* ------------------------------------------------------------------ *
 * Editorial type system — Fraunces serif for display headings + lead
 * paragraphs, Sen sans-serif for body. Applies to single posts, single
 * pages, and any heading inside .entry-content (so home-page sections
 * and pattern-browser titles pick up Fraunces too).
 *
 * Font is enqueued by mcs_enqueue_fraunces in functions.php — not via
 * @import here, to avoid render-blocking and to surface the
 * preconnect hint to fonts.gstatic.com.
 *
 * Excluded: .mv-create-card (Mediavine Create recipe cards) — those
 * are utility/printable content and stay on Sen.
 * ------------------------------------------------------------------ */
body.single-post .entry-hero .entry-title,
body.page .entry-hero .entry-title,
.mcs-browser-header .entry-title,
.entry-content h1.wp-block-heading,
.entry-content h2.wp-block-heading,
.entry-content h3.wp-block-heading {
	font-family: 'Fraunces', Georgia, serif;
	font-optical-sizing: auto;
	letter-spacing: -0.01em;
}

body.single-post .entry-hero .entry-title,
body.page .entry-hero .entry-title,
.mcs-browser-header .entry-title {
	font-weight: 700;
	font-size: clamp(2.25rem, 4.2vw, 3.75rem);
	line-height: 1.05;
}

.entry-content h2.wp-block-heading {
	font-weight: 600;
	font-size: clamp(1.6rem, 2.6vw, 2.2rem);
	line-height: 1.2;
	margin-top: 2.25rem;
}

.entry-content h3.wp-block-heading {
	font-weight: 600;
	font-size: 1.3rem;
	line-height: 1.3;
}

/* Lead paragraph — first real body <p>, skipping the DPSP social-share
   block that injects its own <p class="dpsp-share-text"> + button wrapper
   ahead of the actual content. DPSP also emits an empty
   <span id="dpsp-post-content-markup"> as a positional marker right before
   the body begins, so the real intro is the adjacent sibling after it.
   The .mcs-browser-intro rule (pattern-browser.css) gets the same Fraunces
   italic treatment for editorial parity between single posts and archive
   descriptions. */
.entry-content > #dpsp-post-content-markup + p {
	font-family: 'Fraunces', Georgia, serif;
	font-style: italic;
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.55;
	color: var(--global-palette3);
	margin-bottom: 1.5rem;
}

/* Keep Mediavine Create recipe cards on Sen — printable utility content,
   not editorial prose. */
.mv-create-card,
.mv-create-card h2,
.mv-create-card h3,
.mv-create-card h4 {
	font-family: var(--global-body-font-family), sans-serif;
	font-style: normal;
	letter-spacing: normal;
}

/* Hero H1 sizing: Kadence's heading_font theme_mod doesn't expose a mobile
   size override for h1 specifically in the current customizer state, so we
   scale down via CSS at the phone breakpoint. 48px wraps to 4 lines at 414w
   and dominates the fold. 32px wraps to 2–3 lines comfortably. */
@media (max-width: 600px) {
	.entry-content h1.wp-block-heading {
		font-size: 32px !important;
		line-height: 1.15 !important;
	}
}