/* Base di conoscenza — hub. Header + card uniformi alla Vista Card di Object.
   Solo token (--…), dark + light. */
.kh-page { max-width: 1480px; padding: 24px 36px 60px; }

.kh-group { margin-top: 26px; }
.kh-group-label {
  font-size: 11.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
  color: var(--text-faint); margin-bottom: 12px;
}
.kh-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1320px) { .kh-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1100px) { .kh-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px)  { .kh-grid { grid-template-columns: 1fr; } }

.kh-card {
  display: flex; align-items: flex-start; gap: 14px; padding: 18px; min-height: 104px;
  background: var(--bg-card); border: 1px solid var(--border-faint); border-radius: var(--r-lg);
  cursor: pointer; transition: border-color .14s, background .14s, transform .06s, box-shadow .14s;
}
.kh-card:hover { border-color: var(--border-strong); background: var(--bg-card-hover); transform: translateY(-2px); box-shadow: var(--shadow); }
.kh-card-thumb { width: 44px; height: 44px; border-radius: 11px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.kh-card-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
.kh-card-title { font-size: 15px; font-weight: 600; color: var(--text-strong); letter-spacing: -.01em; }
.kh-card-desc { font-size: 12.5px; color: var(--text-muted); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kh-card-arrow { color: var(--text-faint); flex-shrink: 0; display: flex; align-items: center; margin-top: 2px; transition: transform .14s, color .14s; }
.kh-card:hover .kh-card-arrow { color: var(--text-muted); transform: translateX(2px); }