/* Knowledge Center Glossary Page V2 — page-specific layers on Homepage V2
   (reuses .wrap, .islamic-badge; list/search/chips from css/v2-filter-list.css) */

/* ── Hero ── */
.gl-hero{padding-top:48px;padding-bottom:8px;}
.gl-hero h1{
  font-size:clamp(2rem,4vw,2.9rem);line-height:1.2;
  margin-bottom:16px;max-width:760px;overflow-wrap:break-word;
}
.gl-hero h1 .accent{color:var(--gold-2);}
.gl-hero .sub{color:var(--text-mute);font-size:1.02rem;max-width:640px;}

/* ── Terms list ── */
.gl-terms{padding-top:32px;}
/* Controls stay pinned under the sticky header while scrolling the list */
.gl-controls{
  position:sticky;top:76px;z-index:20;margin-bottom:28px;
  background:rgba(13,20,36,0.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.gl-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;flex:0 0 auto;min-width:180px;}
.gl-term{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;color:var(--text);}
.gl-latin{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--gold);letter-spacing:.02em;direction:ltr;unicode-bidi:isolate;}
.gl-short{color:var(--text-mute);font-size:14px;flex:1 1 280px;min-width:0;}
.gl-body p{padding-top:16px;}
/* Deep links from tooltips land below the sticky header + controls */
.gl-terms .fl-item{scroll-margin-top:190px;}

.gl-related{text-align:center;font-size:14px;color:var(--text-mute);margin-top:32px;}
.gl-related a{color:var(--gold);font-weight:600;}
.gl-related a:hover{text-decoration:underline;}

@media (max-width:900px){
  .gl-controls{position:static;backdrop-filter:none;-webkit-backdrop-filter:none;}
  .gl-head{min-width:140px;}
  .gl-terms .fl-item{scroll-margin-top:90px;}
}
@media (max-width:640px){
  .gl-hero{padding-top:36px;padding-bottom:0;}
  .gl-terms{padding-top:24px;}
}