.glossary-intro {
  background: linear-gradient(180deg, var(--c-sky-top), var(--c-sky-bottom));
  color: var(--c-ink);
}
.glossary-intro h1 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.glossary-lead {
  font-size: var(--fs-lead);
  font-weight: var(--weight-semibold);
}
.glossary-category + .glossary-category {
  margin-top: var(--space-section);
}
.glossary-category-head {
  max-width: var(--width-reading);
  margin-bottom: 28px;
}
.glossary-category-head h2 {
  margin-bottom: 16px;
}
.glossary-body :target {
  scroll-margin-top: 160px;
}
.glossary-category:nth-of-type(3n+2) .term-card {
  background: var(--c-panel-2);
}
.glossary-category:nth-of-type(3n) .term-card {
  background: var(--c-accent-soft);
}
@media (max-width: 768px) {
  .glossary-intro h1 {
    font-size: 28px;
  }
}
@media (max-width: 640px) {
  .glossary-body :target {
    scroll-margin-top: 24px;
  }
}