/* ============================================================
   Course page: Frequently Asked Questions (template-parts/offering/
   faqs.php). CW v2 desktop y 4525-5608, mobile y 7344-8451;
   docs/notes/course-page.md 4.10, 5.10 and 8.
   Primary Navy (.section--navy): the H2, then the shared FAQ tabs and
   accordion (template-parts/components/faq-tabs.php, faq.css) in their
   navy colours: the selected tab with a 1px Cream outline, Cream
   questions and answers.

   - H2 caps to the tabs 57 / 56px (1440 / 402).
   - Section padding: the shared --section-pad-y (112 / 80); the file
     has 104 above the heading's caps (74 on phones).
   - H2: Cream as drawn, like the info cards' headings (main.css makes
     headings on navy White, --color-heading-on-dark; QH7 keeps each
     component's designed colour).
   ============================================================ */

/* 48px under the heading's line box on phones, 44 at 1440 (its caps
   56 / 57px above the tabs, as drawn). Cream, as drawn (see the
   header). */
.offering-faqs .offering-faqs__title {
	margin-bottom: clamp(44px, 49.55px - 0.3854vw, 48px);
	color: var(--color-text-on-dark);
}