:root {
  --glossary-gap:24px;
  --glossary-copy-width:760px;
  --glossary-anchor-offset:28px;
  --glossary-dt-size:22px;
}
.glossary-intro {
  margin-bottom:32px;
}
.glossary-intro h1 {
  margin-top:20px;
  margin-bottom:20px;
}
.glossary-lede {
  max-width:var(--glossary-copy-width);
  margin-bottom:32px;
  line-height:1.85;
}
.glossary-lede .hl {
  isolation:isolate;
  color:var(--text);
}
.glossary-reading {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  gap:32px;
}
.glossary-reading > * {
  min-width:0;
}
.glossary-reading h2 {
  font-size:var(--h3-size);
  margin-bottom:12px;
}
.glossary-reading p {
  margin-bottom:0;
  color:var(--text-muted);
  line-height:1.8;
}
.glossary-path {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
  list-style:none;
  margin:0;
  padding:0;
  font-size:var(--small-size);
}
.glossary-path li {
  display:flex;
  align-items:center;
  gap:12px;
}
.glossary-path a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 12px;
  border:1px solid var(--border-strong);
  border-radius:var(--r-ctl);
  background:var(--bg);
  color:var(--text);
  font-weight:var(--weight-strong);
}
.glossary-path a:hover {
  border-color:var(--text);
}
.glossary-path span {
  color:var(--text-muted);
}
.glossary-nav {
  position:static;
}
.glossary-category {
  padding-top:56px;
  scroll-margin-top:var(--glossary-anchor-offset);
}
.glossary-category__head {
  margin-bottom:var(--glossary-gap);
}
.glossary-category__head h2 {
  margin-bottom:12px;
}
.glossary-category__head p {
  max-width:var(--glossary-copy-width);
  margin-bottom:0;
  color:var(--text-muted);
  line-height:1.8;
}
.glossary-terms {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--glossary-gap);
}
.glossary-terms dl {
  min-width:0;
  margin:0;
  scroll-margin-top:var(--glossary-anchor-offset);
}
.glossary-terms dt {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px 16px;
  font-size:var(--glossary-dt-size);
}
.glossary-terms dt a {
  overflow-wrap:anywhere;
}
.glossary-terms dt a:hover,
.glossary-terms dd a:hover {
  text-decoration:underline;
  text-underline-offset:4px;
}
.glossary-kind {
  font-size:var(--small-size);
  font-weight:var(--weight-strong);
  color:var(--text-muted);
}
.glossary-terms dd a {
  color:var(--text);
  text-decoration:underline;
  text-underline-offset:4px;
}
.glossary-terms dl:target {
  border-top-color:var(--accent);
  box-shadow:var(--shadow-seg);
}
.glossary-next {
  margin-top:56px;
  padding-top:48px;
}
.glossary-note {
  margin-top:32px;
  margin-bottom:0;
  max-width:var(--glossary-copy-width);
  font-size:var(--small-size);
  color:var(--text-muted);
  line-height:1.8;
}
@media (max-width:960px) {
  .glossary-reading {
    grid-template-columns:minmax(0,1fr);
    gap:20px;
  }
  .glossary-path {
    justify-content:flex-start;
  }
}
@media (max-width:720px) {
  .glossary-terms {
    grid-template-columns:minmax(0,1fr);
  }
  .glossary-category {
    padding-top:40px;
  }
  .glossary-next {
    margin-top:40px;
    padding-top:36px;
  }
  .glossary-nav {
    gap:4px;
  }
  .glossary-nav a {
    min-height:44px;
    display:flex;
    align-items:center;
  }
}