[data-knowledge-browser] [hidden] { display: none !important; }
.kb-filters { display: flex; gap: 10px; flex-wrap: wrap; margin: 12px 0 20px; }
.kb-filters button, .kb-pagination a { font: inherit; font-size: 14px; padding: 9px 16px; border-radius: 24px; border: 1px solid var(--line, #ddd); background: var(--card, #fff); color: var(--text, #333); cursor: pointer; text-decoration: none; }
.kb-filters button[aria-pressed="true"], .kb-pagination a[aria-current="page"] { background: var(--brand, #9d7b37); color: #fff; border-color: var(--brand, #9d7b37); }
.kb-filters button:focus-visible, .kb-pagination a:focus-visible { outline: 3px solid var(--brand, #9d7b37); outline-offset: 3px; }
.kb-filters span { font-size: 12px; margin-left: 4px; }
.kb-results, .kb-card__date, .kb-article-dates { color: var(--muted, #666); font-size: 13px; }
.kb-results { margin: 0 0 24px; scroll-margin-top: 100px; }
.kb-card__date { margin-top: auto; }
.kb-pagination { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; justify-content: center; margin: 32px 0 48px; }
.kb-empty { padding: 48px 20px; text-align: center; color: var(--muted, #666); }
.kb-filters, .kb-results { max-width: var(--shell-max); padding-left: 24px; padding-right: 24px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.kb-filters button[aria-pressed="true"], .kb-pagination a[aria-current="page"] { color: var(--title, #24211e); font-weight: 600; }
[data-knowledge-browser] .kb-grid { padding-top: 8px; }
