.glossary-intro {
  padding-top:72px;
  padding-bottom:96px;
  background:var(--bg-panel-2);
  color:var(--on-dark);
}
.glossary-intro h1 {
  margin:0 0 20px;
}
.glossary-lede {
  max-width:34em;
  font-size:clamp(17px,1.8vw,22px);
  color:var(--on-dark);
}
.glossary-intro-note {
  margin-bottom:28px;
  color:var(--on-dark-muted);
  font-size:14px;
}
.glossary-intro a:focus-visible {
  outline-color:var(--accent);
}
.glossary-body {
  position:relative;
  margin-top:-40px;
  border-radius:var(--r-xl) var(--r-xl) 0 0;
  background:var(--bg);
}
.glossary-chapter {
  margin-top:72px;
  scroll-margin-top:160px;
}
.glossary-chapter .section-head h2 {
  margin-top:0;
}
.glossary-label {
  margin-bottom:12px;
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.05em;
}
.glossary-entries {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.glossary-entries .term-card {
  scroll-margin-top:160px;
}
.glossary-entries .term-card h3 {
  margin:12px 0;
}
.glossary-entries .term-card h3 a {
  text-decoration:none;
}
.glossary-entries .term-card h3 a:hover {
  text-decoration:underline;
  text-decoration-color:var(--accent);
}
.glossary-entries .term-card:target {
  border-color:var(--accent-dark);
}
.glossary-network {
  padding:36px;
}
.glossary-network .glossary-label {
  color:var(--text);
}
.glossary-network .section-head {
  margin-bottom:32px;
}
.glossary-body .callout:last-child {
  margin-top:64px;
  margin-bottom:0;
}
@media (max-width:960px) {
  .glossary-chapter,
  .glossary-entries .term-card {
    scroll-margin-top:210px;
  }
}
@media (max-width:640px) {
  .glossary-intro {
    padding-top:40px;
    padding-bottom:80px;
  }
  .glossary-chapter {
    margin-top:48px;
  }
  .glossary-chapter,
  .glossary-entries .term-card {
    scroll-margin-top:24px;
  }
  .glossary-entries {
    grid-template-columns:minmax(0,1fr);
  }
  .glossary-network {
    padding:20px;
  }
  .glossary-network .term-card {
    padding:20px;
  }
}