/*---------------------careers page rhythm--------------------------*/

/* Figma: Careers v2 (763:2564), measured on the design's 1440 page.

   The careers page is assembled from section components that are shared with the
   product and industry templates, so each one arrives with its own padding and
   the page as a whole does not carry the design's rhythm. This file holds the
   overrides that restore it, in one place, with the measurement each figure came
   from - rather than scattering them through the shared stylesheets, where
   changing a number would move every other template that loads them.

   template-careers.php links this last, so the plain selectors below only ever
   apply to this template.

   Each block is scoped to the same breakpoint the rule it overrides uses for its
   desktop value, so the existing tablet and mobile steps still win below it. The
   design only specifies 1440, so nothing here should reach the smaller layouts.

   Section map, design -> markup:
     Basic hero (763:2783)            -> .banner-second-level
     Text with video (763:2775)       -> .intro-with-image
     Ribbon + DARE cards (763:2710)   -> .impact-collage  (see careers/impact-collage.css)
     Benefits/features (763:2709)     -> .benefits
     Excellence badges (763:2630)     -> .col-with-icon
     Positions (763:2567)             -> .job-post
     CTA and footer (763:2565)        -> .footer

   "Employee quotes" (763:2645) is hidden in the design and has no counterpart
   here, which is why the frame's own boxes appear to overlap around y 3435.

   .col-with-icon is deliberately absent: the badges panel runs 3003-3524 with its
   heading 80px down from the top and its last badge 80px up from the bottom, and
   the existing `padding: 80px 0` already matches. */

@media (min-width: 992px) {
    /* Design: the hero image fills its frame down to y 563 and "Text with video"
       begins at 643 - 80px of clear space. The careers hero carries no image, so
       its own bottom padding is what stands in for that bottom edge. */
    .banner-second-level {
        padding-bottom: 80px;
    }

    /* Design: "Text with video" is a bare group - its box is exactly its content,
       with no padding of its own. Both gaps around it therefore belong to its
       neighbours: the hero's 80px above, and the collage's 60px margin-top below
       (1002 -> 1062, set in careers/impact-collage.css). */
    .intro-with-image {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* Design: the blue block ends at 2057 and Benefits/features starts at 2167;
       Benefits ends at 2893 and the badges panel starts at 3003. 110px both. */
    .benefits {
        padding-top: 110px;
        padding-bottom: 110px;
    }
}

@media (min-width: 992px) {
    /* Design: the badges panel ends at 3524 and Positions starts at 3634 - 110px.
       Positions ends at 4982 and the footer starts at 5113 - 131px.

       Same 992 threshold as the block above, even though careers.css appears to
       step .job-post down at 1250 and again at 991: both of those sit earlier in
       the file than its own `padding: 120px 0 150px`, which is unscoped and so
       wins over them at every width above 767. Below 767 a later rule takes over
       again, so 992 is the real edge of the desktop value this replaces. */
    .job-post {
        padding-top: 110px;
        padding-bottom: 131px;
    }
}

/*---------------------careers page rhythm end--------------------------*/