/* ============================================================
   FAQs - page-level CSS (T15)
   Figma: desktop 1331:155489, mobile 1331:155681. No tablet frame: 768-1024
   follows the mobile frame.

   Every block is the FaqAccordion class (topic variant), which carries its own
   look; this file holds the page's rhythm. The first block sits 60 under the
   hero, the others 40 either side (so 80 between), and the last 80 above the
   FORM-001 band. A jump tile lands under the header, so the anchors keep a
   scroll margin.
   ============================================================ */

.faqs__section {
    padding-top: var(--space-section);
    padding-bottom: var(--space-section);
}
.page-hero + .faqs__section { padding-top: 60px; }
.faqs__section:has(+ .cta-form) { padding-bottom: var(--space-section-alt); }

/* The jump target is the heading block; leave room for the sticky header */
.faqs .faq-accordion [id] { scroll-margin-top: 120px; }

@media (max-width: 1024px) {
    .faqs__section { padding-top: 20px; padding-bottom: 20px; }
    .page-hero + .faqs__section { padding-top: 24px; }
    .faqs__section:has(+ .cta-form) { padding-bottom: var(--space-section-alt); }
    .faqs .faq-accordion [id] { scroll-margin-top: 90px; }
}