.glossary-intro {
  overflow:hidden;
}
.glossary-intro-copy {
  position:relative;
  z-index:1;
}
.glossary-intro-copy > p {
  max-width:48em;
}
.glossary-lead {
  font-size:clamp(18px,1.6vw,22px);
  color:var(--text);
}
.glossary-body {
  padding-top:24px;
  background:var(--white);
}
.glossary-nav {
  width:calc(100% - var(--gutter)*2);
  max-width:calc(var(--wrap) - var(--gutter)*2);
  margin-inline:auto;
}
.glossary-body h2,
.glossary-body .term-card {
  scroll-margin-top:100px;
}
.glossary-body .grid {
  margin-top:32px;
  align-items:start;
}
.glossary-body .term-card {
  height:100%;
}
.glossary-body .term-card:target {
  border-color:var(--accent);
  box-shadow:var(--shadow-paper),0 0 0 2px var(--blue-wash);
}
.glossary-body .term-card p {
  color:var(--ink-2);
}
.glossary-body .term-card code {
  font-family:var(--font-mono);
  font-size:.9em;
  color:var(--ink);
}
.glossary-body .term-card .link {
  display:inline-block;
  font-size:14px;
}
@media (max-width:768px) {
  .glossary-body .grid {
    margin-top:24px;
  }
}