.glossary-intro {
  max-width: var(--reading);
  margin-inline: auto;
  text-align: center;
}
.glossary-intro h1 {
  margin-top: 16px;
  margin-bottom: 24px;
}
.glossary-intro .muted {
  margin-top: 20px;
  font-size: 14px;
}
.glossary-group {
  margin-top: 64px;
  scroll-margin-top: 32px;
}
.glossary-group > h2 {
  margin-top: 0;
  margin-bottom: 12px;
}
.glossary-group > .grid {
  margin-top: 28px;
}
.glossary-group .term-card {
  margin: 0;
  scroll-margin-top: 160px;
}
.glossary-next {
  margin-top: 24px;
  margin-bottom: 0;
  color: var(--text-muted);
}
@media (max-width: 640px) {
  .glossary-group {
    margin-top: 48px;
  }
  .glossary-group .term-card {
    scroll-margin-top: 24px;
  }
}