.glossary-page .glossary-main { max-width: 840px; padding-block: 40px 56px; }
.glossary-page h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.25; margin-block: 12px; }
.glossary-page .glossary-intro { color: var(--muted); margin-bottom: 24px; }
.glossary-page .glossary-list { display: grid; gap: 28px; }
.glossary-page .glossary-group { display: grid; gap: 12px; scroll-margin-top: 110px; }
.glossary-page .glossary-group > h2 { font-size: 1.45rem; margin-block: 8px; }
.glossary-page .glossary-categories { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-block: 0 28px; }
.glossary-page .glossary-references { margin-block: 28px 20px; }
.glossary-page details { background: var(--card); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.glossary-page summary { cursor: pointer; padding: 18px 22px; font-weight: 700; }
.glossary-page summary span { font-size: 1.15rem; }
.glossary-page summary small { display: block; font-size: .95rem; font-weight: 400; color: var(--muted); padding-inline-start: 20px; margin-top: 4px; }
.glossary-page summary:focus-visible, .glossary-page a:focus-visible { outline: 2px solid var(--brown); outline-offset: 3px; }
.glossary-page details[open] summary { border-bottom: 1px solid var(--line); }
.glossary-page .glossary-content { padding: 6px 22px 18px; }
.glossary-page .glossary-content h3 { font-size: 1.1rem; margin-block: 18px 6px; }
.glossary-page .glossary-content p { margin-block: 6px 12px; }
.glossary-page .glossary-content ul { padding-inline-start: 22px; }
.glossary-page .glossary-content li { margin-block: 8px; }
.glossary-page .glossary-content a { overflow-wrap: anywhere; }
.glossary-page .glossary-home { white-space: nowrap; }
@media (max-width: 600px) {
  .glossary-page .glossary-main { padding-block: 28px 36px; }
  .glossary-page summary { padding: 16px; }
  .glossary-page .glossary-content { padding-inline: 16px; }
}