/**
 * Base element-level typography.
 *
 * Ported from Version 1.0. See docs/ARCHITECTURE.md §7. Component-level
 * type treatments (hero headings, FAQ questions, etc.) live in their own
 * component stylesheets under assets/css/components/, not here — this
 * file is only the bare element defaults every page relies on.
 */

h1,
h2,
h3 {
	font-weight: 700;
	text-wrap: balance;
	margin: 0;
	letter-spacing: -.015em;
}

/* The small, uppercase eyebrow label used above nearly every section
   heading sitewide (e.g. "Who Do We Help", "Common Questions"). */
.section-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--slate);
	margin-bottom: 18px;
}