/* =============================================================
   KB ARTICLE SINGLE + ARCHIVE
   ============================================================= */

/* ── Single KB layout ───────────────────────────────────────── */
.kb-layout       { display: grid; grid-template-columns: 260px 1fr; gap: 32px; align-items: start; }
.kb-cat-list li a { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; border-radius: 7px; font-size: .875rem; color: var(--text-2); }
.kb-cat-list li.active a,
.kb-cat-list li a:hover { background: rgba(30,58,123,.07); color: var(--blue); font-weight: 700; }

/* Helpful vote */
.kb-helpful       { background: var(--off-white); border-radius: 10px; padding: 20px; text-align: center; margin-top: 28px; }
.kb-helpful p     { font-size: .875rem; color: var(--text-2); margin-bottom: 14px; }
.kb-helpful-btns  { display: flex; gap: 10px; justify-content: center; }
.kb-vote-btn      { display: flex; align-items: center; gap: 6px; padding: 9px 20px; border-radius: 7px; border: 1.5px solid var(--border); background: #fff; font-size: .875rem; font-weight: 700; cursor: pointer; transition: all var(--transition); }
.kb-vote-btn:hover { border-color: var(--green); color: var(--green); }

/* KB content shares styles with post content */
.kb-content        { font-size: .95rem; line-height: 1.8; color: var(--text-2); }
.kb-content h2     { font-size: 1.3rem; font-weight: 800; color: var(--blue); margin: 28px 0 12px; }
.kb-content h3     { font-size: 1.1rem; font-weight: 700; color: var(--text); margin: 20px 0 8px; }
.kb-content ul     { padding-left: 18px; list-style: disc; }
.kb-content ul li  { margin-bottom: 5px; }
.kb-content a      { color: var(--green); }
.kb-content a:hover { color: var(--blue); }

/* Responsive */
@media (max-width: 768px) {
  .kb-layout { grid-template-columns: 1fr !important; }
  .kb-sidebar { display: block !important; }
}