/* ============================================================
   Otofix precise mobile-scroll alignment (v=20260604s1)
   Spec-compliant.
   ============================================================ */

/* Anchor focus halo applied by scrollToExactTarget() for 1400ms */
.anchor-focus {
  box-shadow: 0 0 0 2px var(--yellow);
  transition: box-shadow 0.25s ease;
  scroll-margin-top: 88px;
}

/* Sticky top-bar awareness for all anchored sections.
   Browser-native scroll-margin-top is the most reliable way to land
   anchors exactly below a sticky header when the OS does fragment scroll. */
.route,
[data-scroll-anchor="true"],
.profile-anchor-block {
  scroll-margin-top: 88px;
}

@media (max-width: 840px) {
  .route,
  [data-scroll-anchor="true"],
  .profile-anchor-block {
    scroll-margin-top: 84px;
  }

  /* Profile anchor nav: slightly tighter on mobile so it doesn't eat
     too much real estate above sticky-scrolled content. */
  .profile-anchor-nav {
    top: 64px;
  }
}

/* Avoid horizontal scrollbar leakage caused by the anchor halo on
   edge-aligned cards. */
html, body { overflow-x: hidden; }