.knowledge-index-page{min-height:100vh}
.knowledge-index-content .em-section-heading>p:last-child{margin:0;color:#526173}
.knowledge-index-social h2{margin:0 0 8px;color:#172033;font-size:clamp(1.55rem,3vw,2.1rem)}

.knowledge-index-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:16px;
}

.knowledge-index-card{
  display:flex;
  min-height:126px;
  align-items:flex-start;
  gap:15px;
  padding:22px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
  color:#101826;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

a.knowledge-index-card:hover{transform:translateY(-3px);border-color:#2f80ff;box-shadow:0 16px 34px rgba(37,99,235,.12)}
a.knowledge-index-card:focus-visible{outline:3px solid rgba(47,128,255,.35);outline-offset:3px}
.knowledge-index-card.is-pending{opacity:.72}
.knowledge-index-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2f80ff,#00b9df);color:#fff;font-size:1.05rem;font-weight:850}
.knowledge-index-card strong,.knowledge-index-card small,.knowledge-index-card em{display:block}
.knowledge-index-card strong{margin:1px 0 6px;font-size:1rem;line-height:1.3}
.knowledge-index-card small{color:var(--muted);font-size:.85rem;line-height:1.5}
.knowledge-index-card em{margin-top:8px;color:#2563eb;font-size:.72rem;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.knowledge-index-social{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:48px;padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--surface-2)}
.knowledge-index-social .em-kicker{color:#2563b8}
.knowledge-index-social-links{display:flex;flex-wrap:wrap;gap:10px}
.knowledge-index-social-links a{padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#1e3a5f;font-size:.88rem;font-weight:750}
.knowledge-index-social-links a:hover{border-color:#2f80ff;color:#1d4ed8}

@media (max-width:720px){
  .knowledge-index-social{align-items:flex-start;flex-direction:column}
}