.glossary-intro {
  max-width: 1040px;
  margin-bottom: 56px;
}
.glossary-intro h1 {
  margin-top: 12px;
  margin-bottom: 0;
}
.glossary-intro .desc {
  max-width: 44em;
}
.glossary-intro .toc-tabs {
  margin-top: 24px;
}
.glossary-help {
  max-width: 54em;
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.85;
}
.glossary-body > .toc {
  padding-top: 8px;
}
.glossary-section {
  scroll-margin-top: 24px;
}
.glossary-section + .glossary-section {
  margin-top: 72px;
}
.glossary-section-head {
  margin-bottom: 24px;
}
.glossary-section-head h2 {
  margin-top: 8px;
  margin-bottom: 14px;
}
.glossary-section-head > p:last-child {
  max-width: 42em;
  margin-bottom: 0;
  line-height: 1.85;
}
.glossary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}
.glossary-grid .term-card {
  scroll-margin-top: 24px;
}
.glossary-grid .term-card:target {
  border-color: var(--accent);
  box-shadow: var(--shadow-sheet);
}
.glossary-grid .term-en {
  display: block;
  overflow-wrap: anywhere;
}
.glossary-grid h3 {
  font-size: 21px;
  line-height: 1.4;
}
.glossary-grid h3 a {
  color: var(--text);
  text-decoration: none;
}
.glossary-grid h3 a:hover {
  color: var(--accent-dark);
  text-decoration: underline;
}
.glossary-grid p {
  line-height: 1.9;
}
.glossary-grid code {
  font-size: .86em;
}
.glossary-next {
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.9;
  color: var(--text-muted);
}
@media (max-width: 1060px) {
  .glossary-body > .toc {
    padding-top: 0;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border);
  }
  .glossary-body .toc ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 16px;
  }
}
@media (max-width: 640px) {
  .glossary-intro {
    margin-bottom: 32px;
  }
  .glossary-grid,
  .glossary-body .toc ul {
    grid-template-columns: minmax(0, 1fr);
  }
  .glossary-section + .glossary-section {
    margin-top: 48px;
  }
  .glossary-grid .term-card {
    padding: 22px 20px;
  }
}