/* NBA Live Today PH v3.14.05 — homepage-only strict section separation
   Purpose: guarantee a visible, non-collapsing 50px boundary between the
   major homepage modules without changing card/grid internals. */
body[data-page="home"] {
  --nlt-home-strict-gap: 50px;
}

/* Do not let legacy/global spacing rules create unpredictable collapsed margins. */
body[data-page="home"] #main-content .homepage-bs-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Player stays flush inside its own module. Separation starts after it. */
body[data-page="home"] #main-content > .homepage-bs-video-section {
  margin-bottom: 0 !important;
}
body[data-page="home"] #homepage-below-video-exact {
  padding-top: var(--nlt-home-strict-gap) !important;
}

/* Every major homepage section after the first gets one — and only one — 50px gap. */
body[data-page="home"] #homepage-below-video-exact > section + section {
  margin-top: var(--nlt-home-strict-gap) !important;
}

/* The top-stories rail follows the hero with the same strict boundary. */
body[data-page="home"] #homepage-below-video-exact > .home-editorial-hero + .home-top-stories-rail {
  margin-top: var(--nlt-home-strict-gap) !important;
}

/* Preserve the requested exact rhythm at every responsive breakpoint. */
@media (max-width: 991.98px) {
  body[data-page="home"] { --nlt-home-strict-gap: 50px; }
}
@media (max-width: 575.98px) {
  body[data-page="home"] { --nlt-home-strict-gap: 50px; }
}

/* v3.14.06 hotfix — remove the unintended black band below the homepage player.
   The global sitewide rule was also padding the top-level player section by 50px.
   Keep the intentional 50px separator on #homepage-below-video-exact instead. */
body[data-page="home"] #main-content > #home-dashboard.homepage-bs-video-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body[data-page="home"] #homepage-below-video-exact {
  padding-top: var(--nlt-home-strict-gap) !important;
  background: var(--bs-tertiary-bg, #2b3035);
}