.glossary-intro {
  padding-bottom: 48px;
}
.glossary-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: start;
  gap: 64px;
}
.glossary-intro__grid > * {
  min-width: 0;
}
.glossary-intro__grid > .flow > p.soft {
  max-width: 560px;
}
.glossary-intro .panel h2 {
  font-size: var(--h3-size);
}
.glossary-directory {
  padding-bottom: 120px;
}
.glossary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.glossary-grid > * {
  min-width: 0;
}
.glossary-grid .term-card {
  scroll-margin-top: calc(var(--nav-h) + 110px);
}
.glossary-grid .term-card:target {
  border-color: var(--accent);
}
.glossary-directory > .section {
  scroll-margin-top: calc(var(--nav-h) + 100px);
}
.glossary-note {
  margin-top: 28px;
}
@media (max-width: 900px) {
  .glossary-intro__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}
@media (max-width: 640px) {
  .glossary-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .glossary-directory {
    padding-bottom: 80px;
  }
}