/* SERPIFAI scoped homepage mobile chapter navigation.
   Follow the active CSS header height (66px phone / 70px tablet). */
@media (max-width: 860px) {
  body.sfv-family-home .serp-home-chapters {
    position: sticky !important;
    top: var(--header, 66px) !important;
    z-index: 850 !important; /* primary site header is 900 */
    background: #04101d !important;
    background-image: none !important;
    opacity: 1 !important;
    isolation: isolate;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-block: 1px solid rgba(126,202,231,.28) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.38);
  }
  body.sfv-family-home .serp-home-chapters__inner {
    display: flex !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 auto !important;
    padding: 7px 16px !important;
    gap: 10px !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }
  body.sfv-family-home .serp-home-chapters__inner::-webkit-scrollbar { display: none; }
  body.sfv-family-home .serp-home-chapters__inner > a {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    min-width: max-content !important;
    width: max-content !important;
    min-height: 38px;
    box-sizing: border-box;
    align-items: center;
    padding: 9px 12px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    line-height: 1.35 !important;
    font-size: 12px !important;
    color: #d6eaf4 !important;
    opacity: 1 !important;
    scroll-snap-align: start;
  }
  body.sfv-family-home .serp-home-chapters__inner > a:focus-visible {
    outline: 2px solid #7ee9f7 !important;
    outline-offset: -2px;
  }
  body.sfv-family-home #difference,
  body.sfv-family-home #deliverable,
  body.sfv-family-home #method,
  body.sfv-family-home #scope,
  body.sfv-family-home #commercial-paths,
  body.sfv-family-home #trust-proof,
  body.sfv-family-home #faq {
    scroll-margin-top: calc(var(--header, 66px) + 76px);
  }
}