.glossary-intro {
  background: linear-gradient(180deg, var(--sky-top), var(--sky-bottom));
  color: var(--text);
}
.glossary-intro h1 {
  margin-top: 24px;
  margin-bottom: 16px;
}
.glossary-intro > p:not(.eyebrow) {
  max-width: 54em;
}
.glossary-intro__lead {
  font-size: var(--fs-lead);
  color: var(--ink);
}
.glossary-intro__trail {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.glossary-nav {
  margin-top: 32px;
  margin-bottom: 0;
}
.glossary-group {
  margin-top: 64px;
  scroll-margin-top: 100px;
}
.glossary-group__heading {
  margin-bottom: 28px;
  max-width: 52em;
}
.glossary-group__heading > .muted {
  margin-bottom: 8px;
  font-size: var(--fs-label);
}
.glossary-group__heading h2 {
  margin-top: 0;
  margin-bottom: 16px;
}
.glossary-group__heading > p:last-child {
  margin-bottom: 0;
}
.glossary-group--inset {
  padding: 32px;
  border-radius: var(--r-container);
}
.glossary-page .term-card {
  scroll-margin-top: 100px;
}
.glossary-page .term-card h3 a {
  color: var(--ink);
  text-decoration: none;
}
.glossary-page .term-card h3 a:hover {
  color: var(--accent-dark);
  text-decoration: underline;
}
.glossary-page .term-card p {
  line-height: 1.85;
  margin-bottom: 0;
}
.glossary-next {
  margin-top: 64px;
}
.glossary-next h2 {
  margin-top: 0;
  font-size: var(--fs-h3);
}
@media (max-width: 768px) {
  .glossary-group,
  .glossary-next {
    margin-top: 44px;
  }
  .glossary-group--inset {
    padding: 24px;
  }
}
@media (max-width: 640px) {
  .glossary-group--inset {
    padding: 20px;
    border-radius: var(--r-card);
  }
  .glossary-intro .keep {
    white-space: normal;
  }
}