.gloss-letters { display: flex; flex-wrap: wrap; gap: .375rem; margin: 1rem 0 2rem; padding: 0; list-style: none; }
.gloss-letters a { display: inline-block; min-width: 2rem; padding: .25rem .5rem; text-align: center; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-raised); color: var(--fg); text-decoration: none; font-weight: 600; }
.gloss-letters a:hover { border-color: var(--accent); color: var(--accent); }
.gloss h2.gloss-letter { font-size: 1.5rem; margin: 2rem 0 .5rem; padding-top: 1rem; border-top: 1px solid var(--border); color: var(--accent); }
.gloss dl { margin: 0; }
.gloss .entry { margin: 0 0 1.5rem; scroll-margin-top: 1.5rem; }
.gloss dt { font-weight: 700; font-size: 1.125rem; }
.gloss dd { margin: .25rem 0 0; max-width: 70ch; line-height: 1.7; }
.gloss dd.art { margin-top: .25rem; font-size: .875rem; color: var(--fg-muted); }
.gloss .entry:target dt { background: var(--accent-tint); box-shadow: -.5rem 0 0 var(--accent-tint), .5rem 0 0 var(--accent-tint); }
.gloss table { border-collapse: collapse; width: 100%; max-width: 70ch; }
.gloss th, .gloss td { text-align: left; padding: .5rem .75rem .5rem 0; border-bottom: 1px solid var(--border); vertical-align: top; }
.gloss td.code { font-family: var(--mono); font-weight: 600; white-space: nowrap; }
.gloss tr:target { background: var(--accent-tint); }
a.term { color: inherit; text-decoration: underline dotted var(--fg-faint); text-underline-offset: .2em; cursor: help; }
a.term:hover { color: var(--accent); text-decoration-color: var(--accent); }