.glossary-intro {
  max-width: var(--reading);
  margin-bottom: 36px;
}
.glossary-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  margin-top: 24px;
  font-size: var(--fs-small);
  font-weight: var(--weight-bold);
}
.glossary-links a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: var(--accent-tint);
}
.glossary-category {
  margin-top: 64px;
  scroll-margin-top: 24px;
}
.glossary-category .term-card {
  margin: 0;
  scroll-margin-top: 24px;
}
.glossary-category .term-card dt a {
  text-decoration: none;
}
.glossary-category .term-card dt a:hover {
  color: var(--accent-tint);
  text-decoration: underline;
}
.glossary-category .term-card:target {
  border-color: var(--accent);
  box-shadow: var(--shadow-card), 0 0 0 3px var(--glow-accent-soft);
}
.glossary-page > .callout:last-child {
  margin-top: 48px;
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .glossary-category {
    margin-top: 48px;
  }
  .glossary-links {
    gap: 4px 20px;
  }
}