/* QnaPoint Core: category widget with sub-categories. Uses the theme's colours when it defines them. */
.qna-cat-row { display: flex; align-items: center; gap: 4px; }
.qna-cat-row .qna-side-link { flex: 1; min-width: 0; }
.qna-cat-toggle { flex: none; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: transparent; color: var(--qna-muted, #5B6475); cursor: pointer; padding: 0; }
.qna-cat-toggle:hover { background: var(--qna-soft, #F1F3F9); color: var(--qna-text, #0F172A); }
.qna-cat-toggle svg { transition: transform .15s ease; }
.qna-cat-group.is-open > .qna-cat-row .qna-cat-toggle svg { transform: rotate(180deg); }
.qna-subcats { display: flex; flex-direction: column; gap: 2px; margin: 2px 0 6px 14px; padding-left: 10px; border-left: 2px solid var(--qna-border, #E3E7F0); }
.qna-subcats[hidden] { display: none; }
.qna-category-list .qna-sub-link { font-size: 13px; font-weight: 500; }
.qna-category-list .qna-tag span, .qna-category-list .qna-side-link span { margin-left: 6px; }
.qna-category-list .qna-sub-chip { background: transparent; box-shadow: inset 0 0 0 1px var(--qna-border, #E3E7F0); }
.qna-tag.is-current { background: var(--primary, #4338CA); color: #fff; }