/* glossary: group index on the left, term list on the right */
.gl-band { padding-top: clamp(48px, 6vw, 80px); }
.gl-layout { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 920px); gap: 60px; align-items: start; }
.gl-nav { position: sticky; top: calc(var(--head) + 32px); }
.gl-index { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.gl-index a { display: block; padding: 7px 0 7px 14px; border-left: 2px solid var(--line); color: var(--copy); font-size: 15px; text-decoration: none; }
.gl-index a:hover { color: var(--blue); border-left-color: var(--blue); }
.gl-group, .gl-group .term { scroll-margin-top: calc(var(--head) + 16px); }
.gl-group:first-child .terms-h { margin-top: 0; }
.gl-dia { margin: 4px 0 32px; }
.gl-dia .gl-dia-tall { display: none; }
.gl-figs { gap: 16px 40px; }
.gl-figs dd { font-size: clamp(28px, 2.6vw, 36px); }
.gl-alias { scroll-margin-top: calc(var(--head) + 200px); }
.gl-status .chip { margin-right: 10px; vertical-align: 2px; }
@media (max-width: 900px) {
  .gl-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .gl-nav { position: static; }
  .gl-index { display: flex; flex-wrap: wrap; gap: 8px 20px; }
  .gl-index a { padding: 0; border: 0; color: var(--blue); }
}
@media (max-width: 720px) {
  .gl-dia .gl-dia-wide { display: none; }
  .gl-dia .gl-dia-tall { display: block; max-width: 420px; }
  /* keep the +/− beside the term name when the definition drops below it */
  .gl-groups .term > summary::after { grid-row: 1; grid-column: 2; }
}