/* ==========================================================================
   partners.pathful.com — Nevada Pathways landing page
   The page markup is built on Pathful design-system tokens (colors_and_type.css)
   with inline layout styles from the design export. This file only adds the
   responsive behavior the export's fixed desktop grids need on smaller screens.
   ========================================================================== */

#np-page { font-family: var(--font-system); }

/* anchored sections clear the sticky header when jumped to */
#np-page section[id] { scroll-margin-top: 88px; }

/* ---------- Tablet: collapse 4-up grids to 2-up ----------------------- */
@media (max-width: 980px) {
  #np-page section > div { padding-left: 32px; padding-right: 32px; }
  /* hero, CTA, and in-action split layouts stack */
  #np-page section > div[style*="grid-template-columns:1.04fr"],
  #np-page section > div[style*="grid-template-columns:1.4fr"],
  #np-page section > div[style*="grid-template-columns:0.82fr"] {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }
  /* 4-up card grids → 2-up */
  #np-page [style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* dashed journey connector is desktop-only */
  #np-page #journey [style*="repeating-linear-gradient"] { display: none; }
  #np-page h1 { font-size: 44px !important; }
  #np-page h2 { font-size: 34px !important; }
}

/* ---------- Mobile: single column everywhere ------------------------- */
@media (max-width: 620px) {
  #np-page header > div,
  #np-page section > div,
  #np-page footer > div { padding-left: 20px; padding-right: 20px; }
  #np-page [style*="grid-template-columns:repeat(4,1fr)"],
  #np-page [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  #np-page h1 { font-size: 36px !important; }
  #np-page section > div { padding-top: 60px !important; padding-bottom: 60px !important; }
}