/* Shared category colors identify data, never change subtitle or private-mark colors. */
.category-badge{--category-ink:#d9d9de;--category-bg:#292b30;display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:2px 9px;border:1px solid var(--category-ink);border-radius:6px;background:var(--category-bg);color:var(--category-ink);font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap;vertical-align:middle;flex:none}
.category-badge[data-category=spoken]{--category-ink:#abe6c0;--category-bg:#193529}
.category-badge[data-category=senior]{--category-ink:#f8d28c;--category-bg:#3c2d17}
.category-badge[data-category=cet4]{--category-ink:#a7dcf2;--category-bg:#19333f}
.category-badge[data-category=cet6]{--category-ink:#d7c0fb;--category-bg:#322442}
.category-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chip.category-badge,.chip.category-badge.on{color:var(--category-ink);background:var(--category-bg);border-color:var(--category-ink);opacity:1}
@media(max-width:600px){.category-badge{min-height:26px;padding:3px 8px}}

.category-badge[data-category=basic]{--category-ink:#d9e1ed;--category-bg:#2b303a}