.glossary-intro {
  padding-top: 80px;
  padding-bottom: 64px;
}
.glossary-intro h1 {
  margin-top: 20px;
  letter-spacing: -.035em;
}
.glossary-lede {
  max-width: 43em;
  margin-top: 24px;
  color: var(--text-soft);
  font-size: 18px;
  line-height: 1.85;
}
.glossary-intro .fact-row {
  margin-top: 28px;
}
.glossary-intro .callout {
  max-width: 54em;
  margin-top: 36px;
}
.glossary-body > .toc {
  scroll-margin-top: calc(var(--head-h) + 24px);
}
.glossary-body > .section {
  scroll-margin-top: calc(var(--head-h) + 104px);
}
.glossary-grid {
  align-items: stretch;
}
.glossary-grid .term-card {
  scroll-margin-top: calc(var(--head-h) + 104px);
}
.glossary-grid .term-card:target {
  border-color: var(--accent-line);
}
.glossary-grid dt {
  overflow-wrap: anywhere;
  line-height: 1.5;
}
.glossary-example {
  margin-top: 32px;
}
.glossary-example pre {
  margin-top: 20px;
}
.glossary-next {
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid var(--border);
}
.glossary-next .cluster {
  margin-top: 16px;
  gap: 12px 28px;
}
.glossary-next a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
@media (max-width: 768px) {
  .glossary-intro {
    padding-top: 40px;
    padding-bottom: 48px;
  }
  .glossary-lede {
    font-size: 16px;
  }
}