/* ============================================================
   Claims service template — page-level CSS (T5, all five services)
   Figma: FNOL desktop 1407:100772, mobile 1407:102099; Small Claims
   desktop 1407:103092, mobile 1407:103278. No tablet frame: 768-1024
   follows the mobile frame.

   Every section is a shared class that carries its own look and gutters;
   this file holds the page's vertical rhythm (the neighbouring-background
   rule: --space-section when the neighbour's background matches,
   --space-section-alt when it differs).
   ============================================================ */

/* The overview follows the white hero: 40 above and below (the navy steps
   after it pad themselves) */
.claims-service__section--overview {
    padding-top: var(--space-section);
    padding-bottom: var(--space-section);
}
/* Navy steps, cream "why", white FAQs: each differs from its neighbours */
.claims-service__section--steps,
.claims-service__section--why,
.claims-service__section--faq {
    padding-top: var(--space-section-alt);
    padding-bottom: var(--space-section-alt);
}
/* Full-bleed: the AI panel pads itself */
.claims-service__section--ai { padding: 0; }

@media (max-width: 1024px) {
    /* Mobile frame 1407:102099: 32 above the overview text */
    .claims-service__section--overview { padding-top: 32px; padding-bottom: var(--space-section-alt); }
    /* The steps frame runs 99 below its last card (847 tall, cards end at 748) */
}
@media (max-width: 767px) {
    .claims-service__section--overview { padding-top: var(--space-section-alt); }
}