/**
 * StepDecor Base Typography
 * Font-family assignment and heading rhythm shared by every template
 * and Elementor widget. Sizes still come from each component's own
 * CSS (or Elementor typography controls) — this file only sets the
 * shared type family + baseline heading behavior seen across all
 * reference pages (Cormorant Garamond headings, Inter body copy).
 */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--sd-font-heading);
	font-weight: 700;
	line-height: 1.2;
	color: var(--sd-color-text);
}

html[lang="bn"] h1,
html[lang="bn"] h2,
html[lang="bn"] h3,
html[lang="bn"] h4,
html[lang="bn"] h5,
html[lang="bn"] h6 {
	font-family: var(--sd-font-bn);
}

p {
	font-weight: 300;
	line-height: 1.9;
	color: var(--sd-color-text-muted);
}

em {
	font-style: italic;
	color: var(--sd-color-primary);
}

strong {
	font-weight: 600;
	color: var(--sd-color-text);
}

/**
 * Editor-authored body copy (the_content() on Portfolio/Post singles).
 * Mirrors the reference's `.prose`/`.art-body .prose` rules.
 */
.sd-prose h2 {
	font-size: clamp(1.5rem, 3vw, 2rem);
	margin: 2.5rem 0 1rem;
	line-height: 1.25;
}

.sd-prose h3 {
	font-size: 1.25rem;
	margin: 2rem 0 .75rem;
}

.sd-prose p {
	font-size: .95rem;
	margin-bottom: 1.4rem;
}

.sd-prose blockquote {
	border-left: 3px solid var(--sd-color-accent);
	margin: 2.5rem 0;
	padding: 1.2rem 2rem;
	background: rgba(245, 130, 32, .05);
	border-radius: 0 6px 6px 0;
}

.sd-prose blockquote p {
	font-family: var(--sd-font-heading);
	font-size: 1.2rem;
	font-style: italic;
	color: var(--sd-color-text);
	margin: 0;
	font-weight: 400;
	line-height: 1.7;
}

.sd-prose img {
	border-radius: var(--sd-radius-md);
}