/**
 * Minimal FAI/GP typography bridge.
 * Keep this file non-invasive so Theme Customizer typography always wins on frontend.
 */

/* Frontend: no heading/paragraph overrides here. */
.entry-content .gsap-section {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Block-level heading fallback (no size forcing, no !important). */
.entry-content :where(.gsap-section, section[class*="fai-"], div[class*="fai-"]) :where(h1, h2, h3, h4, h5, h6) {
	font-family: var(--font-display, 'Outfit', sans-serif);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: var(--text-primary, #0f172a);
}

/* Editor-only readability helpers (do not affect frontend output). */
.editor-styles-wrapper .gsap-section {
	font-family: 'Space Grotesk', sans-serif;
	line-height: 1.7;
}

.editor-styles-wrapper :where(.gsap-section, section[class*="fai-"], div[class*="fai-"]) :where(h1, h2, h3, h4, h5, h6) {
	font-family: var(--font-display, 'Outfit', sans-serif);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: var(--text-primary, #0f172a);
}

.editor-styles-wrapper .gsap-section .section-header .section-badge {
	font-family: 'Outfit', sans-serif;
	font-size: 14px;
	font-weight: 700;
}