.glossary-intro {
  padding-top:72px;
  padding-bottom:56px;
}
.glossary-intro h1 {
  margin-top:24px;
}
.glossary-lede {
  max-width:760px;
  margin-top:24px;
  font-size:var(--fs-body);
  color:var(--text-muted);
}
.glossary-map {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:40px;
}
.glossary-map > div {
  padding:24px;
  border:1px solid var(--border);
  border-radius:var(--r-float);
  box-shadow:var(--shadow-float);
}
.glossary-map strong {
  display:block;
  margin-top:14px;
  font-family:var(--font-mono);
  font-size:var(--fs-small);
  overflow-wrap:anywhere;
}
.glossary-map p {
  margin:12px 0 0;
  font-size:var(--fs-small);
  color:var(--text-muted);
}
.glossary-scope {
  max-width:760px;
  margin:32px 0 0;
  font-size:var(--fs-small);
  color:var(--text-muted);
}
.glossary-category {
  padding-top:var(--section-space);
  padding-bottom:var(--section-space);
  scroll-margin-top:24px;
}
.glossary-category-head {
  max-width:780px;
  margin-bottom:40px;
}
.glossary-category-head h2 {
  margin-top:16px;
}
.glossary-category-head > p:last-child {
  margin-bottom:0;
  color:var(--text-muted);
}
.glossary-page .term-card {
  margin:0;
  scroll-margin-top:32px;
}
.glossary-page .term-card:target {
  border-color:var(--accent);
  box-shadow:var(--shadow-float);
}
.glossary-page .term-card dt {
  overflow-wrap:anywhere;
}
.glossary-page .term-card dd {
  line-height:1.9;
}
.glossary-end {
  max-width:780px;
  margin:32px 0 0;
  font-size:var(--fs-small);
  color:var(--text-muted);
}
@media (max-width:768px) {
  .glossary-map {
    grid-template-columns:minmax(0,1fr);
  }
}
@media (max-width:640px) {
  .glossary-intro {
    padding-top:40px;
    padding-bottom:40px;
  }
  .glossary-map > div {
    padding:20px;
  }
}