/* ========================================================================================
 * section-head.css - .section-head and its children (L2 layer).
 * Ported from .cd-head/.cd-head--center/.cd-eyebrow/.cd-lede
 * (docs/design-source/homepage-template.html, search ".cd-head").
 * ======================================================================================== */

.section-head{display:flex;flex-direction:column;gap:var(--cd-4);max-width:var(--cd-measure)}
.section-head--center{margin-inline:auto;text-align:center;align-items:center}
.section-head__title{margin:0}
.section-head__lede{font-size:var(--cd-body-lg);line-height:1.55;color:var(--cd-ink)}

.eyebrow{
	font-size:var(--cd-eyebrow);font-weight:700;letter-spacing:.09em;
	text-transform:uppercase;color:var(--cd-ink-accent);
}

.on-dark .eyebrow{color:var(--cd-ink-accent-invert)}
.on-dark .section-head__lede{color:var(--cd-ink-invert-muted)}

/* --- section-head-row: a .section-head beside a trailing action, wrapping on mobile -----
 * Ported from the repeated inline row wrapping Webinars' and Patient stories' section
 * heads next to a "Browse all" / "Read the full library" button (docs/design-source/
 * homepage-template.html "WEBINARS", patients-template.html "PATIENT STORIES"; search
 * "align-items:flex-end;justify-content:space-between"). Task 10.
 * ----------------------------------------------------------------------------------------- */
.section-head-row{display:flex;gap:var(--cd-6);align-items:flex-end;justify-content:space-between;flex-wrap:wrap}