/* Integration only: retain the current category navigation and existing contact/footer.
   Individual reference styles remain unchanged. */
.service-legacy-tail { --service-space: clamp(4rem, 7vw, 7rem); }
.service-legacy-tail :is(h2, h3, p, li) { font-style: normal; hyphens: manual; overflow-wrap: normal; }
.service-legacy-tail .service-contact__copy .service-contact__note { font-size: .8rem; }
.gx-page .gx-contact .service-contact__note { margin-top: 1.5rem; color: var(--text-on-dark); font-size: .82rem; }
.gx-page .gx-contact .service-contact__note a { text-decoration: underline; text-underline-offset: .25em; }
.seo-page .service-legacy-tail .service-contact h2 { max-width: none; font-size: clamp(2.7rem, 5.5vw, 5.8rem); font-stretch: normal; line-height: 1.04; font-weight: 550; letter-spacing: -.055em; }
.seo-page .service-legacy-tail .service-contact :is(p, li) { line-height: 1.65; }
.seo-page .service-legacy-tail .service-contact .button { text-align: center; }
.seo-page .service-legacy-tail .service-footer { max-width: none; padding: 3rem var(--page-gutter) 1rem; border-top: 1px solid #354a40; background: var(--ink); color: #b9c6c1; }
.seo-page .service-legacy-tail .service-footer__top { display: flex; max-width: none; padding: 0; margin: 0; gap: 2rem; }
.seo-page .service-legacy-tail .service-footer__bottom { padding: 1rem 0 0; border-top: 1px solid #354a40; font-size: .8rem; }
.service-eyebrow__category { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: .25em; text-decoration-thickness: 1px; }
.sx-hero .service-eyebrow { margin-bottom: .7rem; color: var(--accent); }
/* A clip-path only clips paint; animated 3D cards must not enlarge the scroll surface. */
.sx-example .sx-flip__scene { overflow: clip; }
.wd .gx-stage3d { overflow: hidden; }
/* Projected, even invisible labels must never expand the mobile layout viewport. */
.gx-scope__stage .gx-tags { overflow: clip; }
.gx-related__list strong { hyphens: auto; overflow-wrap: anywhere; }
.seo-page .service-fallback-nav { top: auto; left: auto; }
/* Without JS the existing direct navigation must have its own space. */
.gx-page:not(.service-enhanced) .sx-hero__grid,
:is(.geo, .wd, .au):not(.service-enhanced) .gx-hero__inner { padding-top: 168px; }
/* On a narrow screen keep the useful lead and contact action before the scene. */
@media (max-width: 900px) {
    :is(.geo, .wd) .gx-hero__stage { order: 5; margin-top: 1.25rem; }
}
@media (max-width: 767px) {
    .seo-page .service-legacy-tail .service-footer__top { display: flex; flex-direction: column; padding: 0; }
}
@media (max-width: 350px) {
    .geo .gx-hero__copy { padding-top: 1rem; }
    .geo .gx-hero .gx-lead { margin-top: 1rem; }
}