/*
 * Impact & Reporting page — same scale-down pass as the other converted
 * pages. Headings here use shared global classes (.page-hero,
 * .sticky-title, .section-head, .service-photo-copy, .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);
}

.sticky-title h2,
.section-head h2,
.service-photo-copy 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;
}

/* "Reporting commitments" section's button follows .service-photo-copy
   .lead directly with no spacing, same fix as home's Trust &
   Transparency section. */
.service-photo-copy .button {
    margin-top: 22px;
}

/* "Operating/Expanding/Future-facing" card icons — same green-badge/
   white-icon treatment as Urgent Help/Waqf/Leadership. Page-scoped
   since .giving-methods is shared with the Donate page's own "Other
   ways to give" cards, which keep their plain outline icons. */
.giving-methods .icon-wrap { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 12px; background: var(--forest); }
.giving-methods .icon-wrap .icon { width: 22px; height: 22px; color: white; }