/*
 * isjac/section-header block styles.
 *
 * Large mono numeral beside an eyebrow + heading pair — the "01 The
 * Organization / Our Mission" treatment from the original /about design
 * (`.isjac-vh-head` / `.isjac-vh-num`). Eyebrow and heading reuse the site's
 * existing `.isjac-eyebrow` / `.isjac-section__title` tokens; this sheet only
 * owns the numeral and the head layout. Tokens only, no !important,
 * mobile-first.
 */

/*
 * Numbered section wrapper rhythm (`.isjac-about-section` — the group block
 * that carries each isjac/section-header + its body content on /about).
 * Mirrors the original design's `.isjac-vh-sec` — the wrapper owns the
 * section's vertical rhythm via its own padding, with a hairline rule
 * separating consecutive sections, matching the brand-guide §05 section
 * pattern already used for `.isjac-benefits` / `.isjac-highlights` above.
 */
.entry-content .isjac-about-section {
	padding-top:    var(--isjac-section-lg);
	padding-bottom: var(--isjac-section-lg);
	border-bottom:  1px solid var(--isjac-border-default);
}

.entry-content .isjac-section-header {
	display:         flex;
	gap:             var(--isjac-space-5, 1.5rem);
	align-items:     baseline;
	margin-block-end: var(--isjac-space-6, 2rem);
}

.entry-content .isjac-section-header__num {
	font-family:    var(--isjac-font-mono);
	font-size:      clamp(2rem, 5vw, 3.5rem);
	font-weight:    var(--isjac-font-weight-medium, 500);
	color:          var(--isjac-color-brand-mid);
	line-height:    1;
	letter-spacing: -0.02em;
	flex:           none;
}

.entry-content .isjac-section-header__text .isjac-eyebrow,
.entry-content .isjac-section-header__text .isjac-section__title {
	margin: 0;
}

@media (max-width: 37.5rem) {
	.entry-content .isjac-section-header {
		gap: var(--isjac-space-3, 0.75rem);
	}
}