/* Homepage (template-homepage.php) — headings in the information page's
   style (css/information.css): Outfit, bold, tight tracking, granite, no
   caps. Out-ranks custom.css's global Bebas/Inter heading rules and the
   Tailwind utilities (both !important) with class + element. The hero's
   H1 (includes/intro/promo-video.php) sits outside .cttp-hp, untouched. */

.cttp-hp h2, .cttp-hp h3, .cttp-hp h4 {
    font-family: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
    text-wrap: balance;
}
.cttp-hp h2:not(.text-white), .cttp-hp h3:not(.text-white), .cttp-hp h4 { color: #0a2029 !important; }

/* Section headings = .ci-h2; the two side-by-side column heads = .ci-h2--sm. */
.cttp-hp h2 { font-size: var(--section-heading-size) !important; line-height: var(--section-heading-leading) !important; }
.cttp-hp h2.hp-h2--sm { font-size: clamp(1.5rem, 2.6vw, 2.1rem) !important; }
.cttp-hp h4 { font-size: 1.05rem !important; line-height: 1.3 !important; }

/* The FAQ list is the information page's accordion; its question is an H3. */
.cttp-hp .hp-faq { background: transparent; }
.cttp-hp .hp-faq h3.ci-acc__qt { margin: 0 !important; font-size: clamp(1.05rem, 1.6vw, 1.25rem) !important; line-height: 1.35 !important; color: #0a2029 !important; }