/*
 * Space Gate NOVA+ — Mobile home section spacing reference lock v1
 *
 * Scope: PHONE ONLY (shared Web UI used by Mobile Web + MAUI Android WebView).
 * Desktop >= 768px is intentionally untouched.
 *
 * Purpose: normalize the visible vertical gap between consecutive HOME rails
 * to the compact reference rhythm shown in the supplied Android screenshots.
 * No card size, typography, header, navigation, colors, playback or data logic
 * is changed here.
 */
@media (max-width: 767px) {
  /*
   * The current stack has two independent spacing layers on HOME:
   *   1) the generic rail margin-bottom
   *   2) the home-experience rail padding-bottom
   * Together they can visually double the intended gap on phones.
   * Keep one controlled 28px inter-section gap instead.
   */
  html.nova-web-shell .home-app .target-home .shahid-home-section:not(:last-of-type) {
    margin-bottom: 0 !important;
    padding-bottom: 28px !important;
  }

  /* The next rail begins directly after the controlled 28px gap. */
  html.nova-web-shell .home-app .target-home .shahid-home-section + .shahid-home-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}