.glossary-opening {
  padding-bottom:64px;
}
.glossary-opening-grid {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  gap:72px;
}
.glossary-opening-grid > * {
  min-width:0;
}
.glossary-opening h1 {
  margin-top:24px;
  margin-bottom:24px;
}
.glossary-intro {
  max-width:36em;
  color:var(--text-muted);
  font-size:18px;
  line-height:1.85;
}
.glossary-distinction h2 {
  margin-top:16px;
  margin-bottom:20px;
  font-size:24px;
}
.glossary-distinction p {
  color:var(--text-muted);
}
.glossary-category-nav {
  margin-top:56px;
  margin-bottom:0;
}
.glossary-terms {
  align-items:stretch;
}
.glossary-terms .term-card {
  margin:0;
}
.glossary-terms dd {
  line-height:1.9;
}
.glossary-next {
  margin-top:32px;
  margin-bottom:0;
}
.glossary-reading-note {
  max-width:var(--reading);
  margin-top:64px;
  padding-top:32px;
  border-top:1px solid var(--border);
}
.glossary-reading-note h3 {
  margin-top:0;
  margin-bottom:16px;
}
.glossary-reading-note p {
  color:var(--text-muted);
  line-height:1.9;
}
@media (max-width:860px) {
  .glossary-opening-grid {
    grid-template-columns:minmax(0,1fr);
    gap:40px;
  }
}
@media (max-width:640px) {
  .glossary-opening {
    padding-bottom:40px;
  }
  .glossary-intro {
    font-size:16px;
  }
  .glossary-category-nav {
    margin-top:36px;
  }
  .glossary-distinction h2 {
    font-size:22px;
  }
  .glossary-reading-note {
    margin-top:40px;
  }
}