/* glossary page styles (page-specific only; shared patterns live in app.css). */
.gl-grid { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: var(--pg-gap); align-items: start; }
.gl-term { min-width: 170px; }
.gl-cols { max-width: 220px; }
.gl-refs { gap: 6px; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--fg-1); }
.gl-refs span, .gl-refs a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gl-refs a { color: inherit; text-decoration: none; }
.gl-refs a:hover { text-decoration: underline; }
.gl-mono { font-family: var(--font-mono); font-size: var(--text-xs); background: none; padding: 0; }
.gl-acts { gap: 8px; padding: 0 var(--pad-x) 14px; }
.gl-grid .kv { padding: 14px var(--pad-x); }
tr[data-id][aria-selected="true"] td { background: var(--hover-bg, var(--bg-muted)); }
tr[data-id][aria-selected="true"] td:first-child { box-shadow: inset 2px 0 0 var(--prism-stop-violet, var(--chart-1)); }
@media (max-width: 1100px) { .gl-grid { grid-template-columns: 1fr; } }