/* ============================================================
   Dosage Peptide -- Prep & Injection Guide (tse-guide)
   Port of the Claude Design "Reconstitution Guide". Header/footer/sticky
   come from chrome.css (shared). This file holds the guide-specific bits:
   sub-nav scroll-spy active state, hidden scrollbar, smooth scroll and the
   responsive rules from the design helmet. Scoped to .gd-* .
   ============================================================ */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.gd-root ::selection{background:#3C6076;color:#fff}
.gd-subnav-scroll::-webkit-scrollbar{height:0}

/* scroll-spy active chip (added by guide.js) */
.gd-subnav a.gd-active{background:#3C6076 !important;border-color:#3C6076 !important;color:#fff !important}
.gd-subnav a.gd-active span{color:rgba(255,255,255,.62) !important}

/* responsive (from the design helmet) */
@media (max-width:900px){
  .gd-subnav{top:59px !important}
}
@media (max-width:680px){
  .gd-sec-inner{padding:46px 18px !important}
  .gd-hero{padding:40px 18px 36px !important}
  .gd-hero-h1{font-size:33px !important}
  .gd-types-grid{grid-template-columns:1fr !important}
}