/* ============================================================
   Dosage Peptide -- Peptide Glossary (tse-glossary) -- clean CSS
   Same DA as the catalog / guide. Header/footer/sticky come from chrome.css.
   This holds glossary-specific hover states, the active alphabet-rail letter
   and the responsive rules. Scoped to .gl-* so it never collides.
   ============================================================ */
.gl-cats::-webkit-scrollbar{height:0}

/* hover states */
.gl-card{transition:border-color .16s ease,box-shadow .16s ease}
.gl-card:hover{border-color:#C7D0D7;box-shadow:0 14px 30px -22px rgba(30,40,50,.35)}
.gl-tag{transition:border-color .15s ease,background-color .15s ease}
.gl-tag:hover{border-color:#C3CDD5;background:#EEF2F5}
.gl-rel{transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.gl-rel:hover{border-color:#3C6076;color:#2E566E;background:#E6EEF2}
.gl-cat:hover{border-color:#C3CDD5}
.gl-crumb:hover{color:#3C6076}
.gl-rail-b{transition:background-color .12s ease}
.gl-rail-b:hover{background:#EEF1F4}
.gl-rail-b.gl-active{background:#3C6076;color:#fff}
.gl-req:hover{background:#456277}

/* alphabet rail: desktop only */
.gl-rail{display:none}
@media (min-width:1340px){.gl-rail{display:flex!important}}

/* responsive */
@media (max-width:900px){
  .gl-tbwrap{top:59px!important}
}
@media (max-width:680px){
  .gl-sec{padding:30px 16px!important}
  .gl-bc{display:none!important}
  .gl-hero{padding:22px 16px 24px!important}
  .gl-hero h1{font-size:30px!important}
  .gl-hero p{font-size:15px!important;margin-bottom:22px!important}
  .gl-stats{gap:10px!important}
  .gl-stat{flex:1 1 40%!important;padding:14px 15px!important}
  .gl-stat>div:first-child{font-size:26px!important}
  .gl-toolbar-inner{padding:11px 16px!important}
  .gl-grid{grid-template-columns:1fr!important}
}

/* ===== F7: server-rendered glossary fallback (crawlable; JS replaces #gl-body on load) ===== */
.gl-ssr{display:grid;gap:9px;margin-top:8px}
.gl-ssr-item{margin:0;font-size:14.5px;line-height:1.55;color:#3a444c}
.gl-ssr-term{font-weight:700;color:#1A2027;font-style:normal}
.gl-ssr-def{color:#5A636B}