:root {
  --glossary-intro-width: 800px;
  --glossary-category-gap: 64px;
  --glossary-anchor-offset: 112px;
  --glossary-card-gap: 0px 40px;
}
.glossary-intro {
  max-width: var(--glossary-intro-width);
}
.glossary-category {
  padding-top: var(--glossary-category-gap);
  scroll-margin-top: var(--glossary-anchor-offset);
}
.glossary-category__heading {
  max-width: var(--glossary-intro-width);
  margin-bottom: 28px;
}
.glossary-category__heading > .mono {
  margin-bottom: 12px;
}
.glossary-category__heading h2 {
  margin-bottom: 16px;
}
.glossary-category__heading > p:last-child {
  margin-bottom: 0;
}
.glossary-category .grid {
  gap: var(--glossary-card-gap);
}
.glossary-page .term-card {
  scroll-margin-top: var(--glossary-anchor-offset);
}
@media (max-width: 640px) {
  :root {
    --glossary-category-gap: 48px;
  }
}