/* ========================================================================
 * CV-2994 — Hero "Explore Strategies" scroll overshoot (homepage)
 * ------------------------------------------------------------------------
 * Root cause: a Nuxt-imported stylesheet (simple-section / target-growth)
 * sets `scroll-margin-top: 180px !important` on a shared list of anchor IDs
 * that includes `#strategies`. That 180px offset is sized for the strategy
 * DETAIL pages, whose sticky strategy-page-menu bar is tall. On the HOMEPAGE
 * the only sticky chrome is `.navbar` (~63px), so a 180px scroll-margin makes
 * the native `#strategies` anchor jump STOP ~117px short, landing the section
 * well below the nav with a large empty gap above it. Production has no sticky
 * bar there and lands the Strategies section flush at the top of the viewport.
 *
 * Fix: scope to the homepage Strategies section only and reduce the
 * scroll-margin to just clear the 63px sticky navbar (plus a little breathing
 * room). Must beat the 180px !important rule, so we use a more specific
 * homepage-scoped selector with !important. Other strategy-detail anchors keep
 * their 180px offset untouched.
 *
 * Loaded AFTER overrides.css; selector is homepage-scoped so it cannot affect
 * the synthetic-borrow / strategy-detail anchor offsets.
 * ====================================================================== */

body.home #strategies.vestfin-homepage-tabs {
  scroll-margin-top: 20px !important;
}