.kb { --maxw:1080px; padding-top:32px; }
.kb-head { max-width:720px; margin-bottom:24px; }
.kb-head h1 { margin-bottom:12px; }
.kb-intro { color:var(--color-text-muted); margin-bottom:0; }
.kb-controls { padding:20px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); }
.kb-search-label { display:block; font-weight:600; font-size:15px; margin-bottom:8px; }
.kb-search { display:flex; gap:8px; }
.kb-search input { width:100%; min-width:0; min-height:48px; padding:10px 14px; border:1px solid var(--color-border-strong); border-radius:var(--radius-md); background:var(--color-bg); color:var(--color-text); font:inherit; font-size:17px; }
.kb-search button,.kb-filters button,.kb-pagination button { min-height:44px; border:1px solid var(--color-border-strong); border-radius:var(--radius-md); padding:8px 14px; background:var(--color-bg); color:var(--color-text); font:inherit; font-size:15px; cursor:pointer; }
.kb-search button { flex-shrink:0; }
.kb-filters { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.kb-filters button[aria-pressed="true"],.kb-pagination button[aria-current] { background:var(--color-primary); color:var(--color-on-primary); border-color:var(--color-primary); }
.kb-filters button:hover,.kb-pagination button:hover { border-color:var(--color-primary); }
.kb-results-head { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:baseline; justify-content:space-between; margin:28px 0 16px; }
.kb-results-head h2 { font-size:22px; margin:0; }
.kb-results-head p { font-size:14px; color:var(--color-text-muted); margin:0; }
.kb-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.kb-card { display:flex; gap:14px; align-items:flex-start; min-width:0; padding:20px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); color:var(--color-text); text-decoration:none; }
.kb-card:hover { border-color:var(--color-primary); }
.kb-card img { width:56px; height:56px; flex:0 0 56px; object-fit:cover; }
.kb-card__body { min-width:0; display:block; }
.kb-card__category { display:block; font-size:12px; color:var(--color-accent-text); margin-bottom:8px; }
.kb-card strong { display:block; font-size:17px; line-height:1.55; margin-bottom:8px; overflow-wrap:anywhere; }
.kb-card__summary { display:block; font-size:14px; line-height:1.7; color:var(--color-text-muted); }
.kb-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:24px; }
.kb-pagination button { min-width:44px; }
.kb-empty { padding:32px 20px; text-align:center; background:var(--color-surface); border-radius:var(--radius-lg); }
.kb-help { margin-top:40px; padding:24px; border-top:1px solid var(--color-border); }
.kb-help h2 { font-size:20px; }
[hidden] { display:none !important; }
@media (max-width:1000px) { .kb-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .kb-grid { grid-template-columns:1fr; gap:12px; } .kb-controls { padding:16px; } .kb-card { padding:16px; } .kb-search { flex-wrap:wrap; } .kb-search input { flex:1 1 220px; } .kb-filters button { padding-inline:12px; } .kb-help { padding-inline:0; } }
@media print { .kb-controls,.kb-pagination { display:none; } .kb-card[hidden] { display:flex !important; } }