/* Glossary pages - relies on ../css/marketing-shared.css for tokens/nav/footer. */
.breadcrumb { font-size: 12.5px; color: var(--dim); margin: 28px 0 20px; }
.breadcrumb a { color: var(--dim); text-decoration: none; }
.breadcrumb a:hover { color: var(--accent); }
.glossary-term-page { max-width: 720px; padding-bottom: 70px; }
.glossary-term-page h1 { text-align: left; font-size: 34px; margin-bottom: 18px; }
.glossary-term-page .definition { font-size: 17px; line-height: 1.75; color: var(--text); margin-bottom: 10px; }
.glossary-term-page h2 { font-size: 18px; margin: 36px 0 12px; }
.related-list { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; }
.related-list li a {
  display: inline-block; font-size: 13px; font-weight: 600; padding: 7px 14px;
  border-radius: 20px; border: 1px solid var(--border); color: var(--text); text-decoration: none;
  transition: border-color 0.15s, color 0.15s;
}
.related-list li a:hover { border-color: var(--accent); color: var(--accent); }
.term-cta {
  margin-top: 46px; padding: 26px; background: var(--panel); border: 1px solid var(--border);
  border-radius: 14px; text-align: center;
}
.term-cta p { color: var(--dim); font-size: 14px; margin-bottom: 16px; }
.article-hero-index { padding: 56px 0 36px; text-align: left; }
.article-hero-index h1 { text-align: left; margin: 0 0 10px; }
.glossary-index { padding-bottom: 70px; column-count: 3; column-gap: 40px; }
.glossary-letter-group { break-inside: avoid; margin-bottom: 28px; }
.glossary-letter-group h2 {
  font-family: var(--font-mono); font-size: 14px; color: var(--accent); margin-bottom: 10px;
  border-bottom: 1px solid var(--border); padding-bottom: 6px;
}
.glossary-index-list { list-style: none; }
.glossary-index-list li { margin-bottom: 6px; }
.glossary-index-list li a { font-size: 13.5px; color: var(--dim); text-decoration: none; }
.glossary-index-list li a:hover { color: var(--accent); }
@media (max-width: 760px) {
  .glossary-index { column-count: 1; }
}