/* Final platform scroll safety patch
   Keeps the original route-scroll behaviour from app.js while preventing the added cinematic layer from breaking sticky nav / tab jumps. */
body.platform-showcase-page.route-scroll-page{
  max-width:100%;
}
body.platform-showcase-page.route-scroll-page .route-capability-nav.platform-index{
  position:sticky !important;
  top:calc(var(--header-h, 76px) + 12px) !important;
  z-index:80 !important;
}
body.platform-showcase-page.route-scroll-page .route-capability-nav.platform-index a.active,
body.platform-showcase-page.route-scroll-page .route-capability-nav.platform-index a.is-active,
body.platform-showcase-page.route-scroll-page .route-capability-nav.platform-index a[aria-current="location"]{
  background:linear-gradient(135deg,#FE0000 0%,#F04444 58%,#4F8DFF 100%) !important;
  color:#fff !important;
  border-color:rgba(254,0,0,.42) !important;
  box-shadow:0 18px 42px rgba(254,0,0,.22), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body.platform-showcase-page.route-scroll-page .route-capability-nav.platform-index a.active span,
body.platform-showcase-page.route-scroll-page .route-capability-nav.platform-index a.is-active span,
body.platform-showcase-page.route-scroll-page .route-capability-nav.platform-index a[aria-current="location"] span{
  color:#fff !important;
}
body.platform-showcase-page.route-scroll-page .platform-business-panel{
  scroll-margin-top:calc(var(--route-nav-h, 86px) + 96px) !important;
}
@media (max-width: 980px){
  body.platform-showcase-page.route-scroll-page .route-capability-nav.platform-index{
    top:calc(var(--header-h, 72px) + 10px) !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x proximity;
  }
  body.platform-showcase-page.route-scroll-page .route-capability-nav.platform-index a{
    flex:0 0 auto !important;
    scroll-snap-align:center;
  }
  body.platform-showcase-page.route-scroll-page .platform-business-panel{
    scroll-margin-top:calc(var(--route-nav-h, 148px) + 110px) !important;
  }
}
@media (max-width: 640px){
  body.platform-showcase-page.route-scroll-page .route-capability-nav.platform-index{
    top:calc(var(--header-h, 68px) + 8px) !important;
    margin-inline:-6px !important;
    padding:10px !important;
  }
  body.platform-showcase-page.route-scroll-page .platform-business-panel{
    scroll-margin-top:calc(var(--route-nav-h, 132px) + 96px) !important;
  }
}