/*
 * Leadership & Governance page — same scale-down pass as the other
 * converted pages. Headings here use shared global classes (.page-hero,
 * .section-head, .sticky-title, .faq-intro) that other pages also use,
 * so these overrides live here (loaded only on this page via
 * inc/enqueue/styles.php's slug matching) rather than in
 * global/sections.css, keeping the change page-scoped.
 */

.page-hero h1 {
    font-size: clamp(2.25rem, 3.4vw, 3.4rem);
}

.section-head h2,
.sticky-title h2,
.faq-intro h2 {
    font-size: clamp(1.75rem, 2.6vw, 2.5rem);
}

/* Same zero-gap issue as other scaled-down pages' .lead paragraphs. */
.section-head .lead {
    margin-top: 18px;
}

/* Governance-principle card icons — same green-badge/white-icon
   treatment as Urgent Help/Waqf. Page-scoped since .icon-badge is a
   shared class used elsewhere with the lighter sage style. */
.service-card .icon-badge {
    background: var(--forest);
    color: white;
}