/* ===========================================================================
   Privacy Policy page.

   Long-form body reuses .sts-cms-content (assets/css/cms-content.css) - the
   same typography already used for blog/career detail pages - instead of a
   new type system. This file only adds the single-column width, the
   last-updated line, the "Short Version" callout, and anchor scroll offset
   for the #section links referenced from Contact/Careers/cookie banner.
   =========================================================================== */

/* Uses the theme's native .container (theme-inline.css) instead of the
   Elementor .e-con-boxed system the rest of this file fought with - the
   same class the hero above uses, with real horizontal padding at every
   breakpoint via --container-padding-left/right (72px/30px/12px), no
   dependency on the boxed-container custom-property chain. Only vertical
   padding needs adding here. */
.sts-legal-page__section {
    padding-top: 110px;
    padding-bottom: 90px;
}

.sts-legal-page__body {
    max-width: 1000px;
    margin-inline: auto;
}

@media (max-width: 1024px) {
    .sts-legal-page__section {
        padding-top: 90px;
        padding-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .sts-legal-page__section {
        padding-top: 64px;
        padding-bottom: 50px;
    }
}

.sts-legal-page__updated {
    color: rgba(255, 255, 255, .5) !important;
    font-size: 14px;
    margin-bottom: 1.4em;
}

.sts-legal-page__callout {
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 16px;
    padding: 28px;
}

.sts-legal-page__callout h2 {
    margin-top: 0 !important;
}

/* Anchor targets (#your-privacy-rights, #cookies-and-tracking, #job-applicants)
   land under the sticky header without this. */
.sts-cms-content h2[id],
.sts-cms-content h3[id] {
    scroll-margin-top: 120px;
}

/* Every full-bleed-hero page needs this (post-62.css/career-page.css/
   blog-post.css all carry their own copy) - the theme default is
   .site-content{padding-top:40px;padding-bottom:10px} (80px/50px at >=768px),
   which pushes this hero down and was the actual cause of the H1 sitting low
   enough to collide with the mobile nav toggle - not a missing intro
   paragraph as I first guessed. Dropping it puts the hero flush against the
   header exactly like every other page with this pattern. */
body.sts-page-78 .site-content {
    padding-top: 0;
    padding-bottom: 0;
}