.glossary-intro {
  padding-bottom: var(--space-6);
}

.glossary-lead {
  max-width: 760px;
  color: var(--color-muted);
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.8;
}

.glossary-intro .toc-tabs {
  margin-top: var(--space-5);
}

.glossary-category-heading {
  max-width: 780px;
  margin-bottom: var(--space-5);
  padding-left: var(--space-4);
  border-left: var(--line-heavy) solid var(--color-warn);
}

.glossary-category-heading h2 {
  margin-bottom: var(--space-2);
}

.glossary-category-heading > p:last-child {
  margin-bottom: 0;
  color: var(--color-muted);
  font-size: 16px;
}

.glossary-grid {
  align-items: stretch;
}

.glossary-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.glossary-card h3 {
  margin-bottom: var(--space-3);
}

.glossary-card p:not(.term-code) {
  color: var(--color-muted);
}

.glossary-card p + p:not(.term-code) {
  margin-top: var(--space-3);
}

.glossary-actions {
  margin-top: var(--space-3);
}

@media (max-width: 640px) {
  .glossary-category-heading {
    padding-left: var(--space-3);
  }

  .glossary-category-heading > p:last-child {
    font-size: 15px;
  }
}