.glossary-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:64px;
  align-items:end;
  margin-bottom:56px;
}
.glossary-intro h1 {
  margin:0;
}
.glossary-intro__guide p {
  color:var(--text-muted);
}
.glossary-group {
  margin-top:var(--section-space);
}
.glossary-group__head {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:64px;
  align-items:baseline;
  margin-bottom:32px;
}
.glossary-group__head h2 {
  margin:0;
}
.glossary-group__head p {
  margin:0;
  color:var(--text-muted);
  font-size:var(--text-label);
}
.glossary-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:64px;
  row-gap:24px;
}
.glossary-anchor {
  color:var(--text);
  text-decoration:none;
}
.glossary-anchor::after {
  content:" #";
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:var(--text-label);
}
.glossary-anchor:hover,
.glossary-anchor:hover::after {
  color:var(--accent);
}
.glossary-grid .term-card > a {
  font-size:var(--text-label);
}
.glossary-grid .term-card code {
  padding:2px 5px;
  border-radius:var(--r-sm);
  background:var(--bg-panel);
  color:var(--text);
  font-size:var(--text-sm);
}
.glossary-next {
  margin-top:var(--section-space);
}
.glossary-next h2 {
  margin:0 0 20px;
  font-size:var(--text-h3);
}
.glossary-next p {
  max-width:76ch;
  color:var(--text-muted);
}
@media (max-width:860px) {
  .glossary-intro,
  .glossary-group__head {
    grid-template-columns:1fr;
    gap:24px;
  }
  .glossary-grid {
    column-gap:32px;
  }
}
@media (max-width:640px) {
  .glossary-grid {
    grid-template-columns:1fr;
    row-gap:16px;
  }
  .glossary-intro {
    margin-bottom:36px;
  }
  .glossary-group__head {
    gap:12px;
  }
}