.glossary-hero {
  padding: 7rem var(--content-padding) var(--space-8);
  background: var(--color-surface);
}
.glossary-hero .container { max-width: 760px; }
.glossary-hero .breadcrumb {
  font-size: 0.75rem;
  color: var(--color-soft);
  margin-bottom: var(--space-4);
}
.glossary-hero .breadcrumb a { color: var(--color-soft); text-decoration: none; }
.glossary-hero .breadcrumb a:hover { color: var(--color-text); }
.glossary-hero h1 {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 5vw, 3.25rem);
  letter-spacing: -0.04em;
  line-height: 1.1;
  color: var(--color-text);
  margin-bottom: var(--space-4);
}
.glossary-hero .lead {
  font-family: var(--font-sans);
  font-size: 1.05rem;
  color: var(--color-text-muted);
  line-height: 1.65;
  margin-bottom: var(--space-6);
}
.glossary-jump {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  list-style: none;
  padding: 0;
  margin-top: var(--space-6);
}
.glossary-jump li { margin: 0; }
.glossary-jump a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-text);
  text-decoration: none;
  transition: border-color var(--duration-micro) var(--ease-out), color var(--duration-micro) var(--ease-out);
}
.glossary-jump a:hover { border-color: var(--color-accent); color: var(--color-accent); }

.glossary-list {
  padding: var(--space-8) var(--content-padding) var(--space-9);
  background: var(--color-surface);
}
.glossary-list .container { max-width: 760px; }
.glossary-list h2 {
  font-family: var(--font-serif);
  font-size: 2rem;
  color: var(--color-accent);
  letter-spacing: -0.04em;
  margin: var(--space-7) 0 var(--space-4);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border);
  scroll-margin-top: 80px;
}
.glossary-list h2:first-child { border-top: none; padding-top: 0; margin-top: 0; }

.term {
  margin-bottom: var(--space-6);
  scroll-margin-top: 80px;
}
.term h3 {
  font-family: var(--font-sans);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: var(--space-2);
  letter-spacing: -0.01em;
}
.term p {
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  line-height: 1.65;
}