/**
 * Shared section typography: eyebrow chip and section heading block.
 * Used by the homepage, inner pages and page heroes. The eyebrow is a small
 * lit chip (highlight dot on a soft highlight tint); headings are heavy and
 * tightly tracked, matching the page heroes.
 */

.nscb-section-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--nscb-space-3) var(--nscb-space-6);
	margin-bottom: var(--nscb-space-6);
}

.nscb-section-head__text {
	max-width: 40rem;
}

.nscb-section-head__title {
	font-size: var(--nscb-text-3xl);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -0.04em;
	text-wrap: balance;
}

/* "View all"-style links beside a section heading. */
.nscb-section-head .nscb-btn--text {
	font-size: var(--nscb-text-sm);
}

.nscb-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: var(--nscb-space-2);
	margin-bottom: var(--nscb-space-4);
	padding: 0.4rem 0.8rem 0.4rem 0.65rem;
	border: 1px solid color-mix(in srgb, var(--nscb-color-highlight) 28%, transparent);
	border-radius: var(--nscb-radius-pill);
	background-color: var(--nscb-highlight-soft);
	color: var(--nscb-color-text);
	font-size: var(--nscb-text-xs);
	font-weight: 600;
	letter-spacing: var(--nscb-tracking-wide);
	line-height: 1.4;
	text-transform: uppercase;
}

.nscb-eyebrow::before {
	content: "";
	flex: none;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: var(--nscb-color-highlight);
	box-shadow: 0 0 0 3px var(--nscb-highlight-soft);
}

/* Introductory text under an inner-page hero (template-parts/global/page-intro.php). */
.nscb-page-intro {
	max-width: 62ch;
	margin-bottom: var(--nscb-space-7);
	color: var(--nscb-color-text-secondary);
	font-size: var(--nscb-text-lg);
}

.nscb-page-intro p + p {
	margin-top: var(--nscb-space-4);
}

.nscb-page-intro p:first-child {
	color: var(--nscb-color-text);
	font-size: var(--nscb-text-xl);
	line-height: var(--nscb-leading-snug);
}