.glossary-mast {
  margin: 12px 16px 0;
  padding-top: 48px;
  padding-bottom: 48px;
  border: 1px solid var(--line-on-sky);
  border-radius: var(--radius-canvas);
  background: linear-gradient(180deg, var(--sky-top), var(--sky-bottom));
  color: var(--text-on-sky);
  text-align: center;
}
.glossary-intro {
  max-width: 660px;
  margin-inline: auto;
  color: var(--muted-on-sky);
}
.glossary-body {
  padding-top: 32px;
  padding-bottom: var(--section-space);
}
.glossary-category {
  padding-top: 44px;
  padding-bottom: 44px;
  scroll-margin-top: 100px;
}
.glossary-category .section-heading h2 {
  margin-top: 16px;
}
.glossary-inset {
  padding-inline: var(--gutter);
}
.glossary-next {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  margin-top: 28px;
}
.glossary-next a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
.glossary-body > .sky-band p {
  margin-top: 12px;
}
@media (max-width: 768px) {
  .glossary-mast {
    margin-inline: 8px;
    padding-top: 32px;
    padding-bottom: 32px;
    border-radius: var(--radius-mobile);
  }
  .glossary-category {
    padding-top: 32px;
    padding-bottom: 32px;
    scroll-margin-top: 96px;
  }
}