/* Glossary layout. Shared visual primitives live in app.css. */
.glossary-categories { display:flex; flex-wrap:wrap; gap:var(--space-2); margin:var(--space-5) 0; }
.category-link { padding:var(--space-2) var(--space-4); border:1px solid var(--line); border-radius:var(--radius-pill); text-decoration:none; font-size:var(--text-small); background:var(--surface); }
.category-link[aria-current=page] { background:var(--accent); border-color:var(--accent); color:var(--surface); }
.glossary-result { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); font-size:var(--text-small); }
.glossary-note { font-size:var(--text-small); color:var(--muted); margin-bottom:var(--space-5); }
.glossary-card { scroll-margin-top:24px; overflow-wrap:anywhere; }
.glossary-card:target { outline:2px solid var(--accent); outline-offset:3px; }
.glossary-card .glossary-english { font-size:var(--text-xs); color:var(--muted); margin-top:0; }
.glossary-example { padding:var(--space-4); background:var(--surface-soft); border-radius:var(--radius-card); margin:var(--space-4) 0; }
.glossary-example strong { font-size:var(--text-xs); color:var(--accent); }
.glossary-example p { font-size:var(--text-small); margin:var(--space-1) 0 0; }
.glossary-reference { font-size:var(--text-xs); }
.collection>.empty { grid-column:1/-1; }
.glossary-practice { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-2); margin-top:var(--space-4); padding-top:var(--space-4); border-top:1px solid var(--line); }
.glossary-auto { color:var(--accent); font-weight:600; }
@media(max-width:650px) {
.category-link { padding:var(--space-2) var(--space-3); }
}