/* =========================================================
   COMMUNITY.CSS — community.html only
   Case studies now live on projects.html / projects.css —
   this page is just the network / connections section, so it
   gets room to breathe.
   ========================================================= */

.network-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.connection-card{
  padding: 22px;
  display:flex;
  align-items:center;
  gap: 14px;
}
.connection-card img{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink:0;
}
.connection-info{ flex:1; min-width:0; }
.connection-info .name{ font-weight:700; font-size: 15.5px; }
.connection-info .role{
  color: var(--text-muted);
  font-size: 13.5px;
  margin-top: 2px;
}
.connection-link{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #2a2a2c;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color: #fff;
  transition: background .2s ease, color .2s ease;
}
.connection-link:hover{ background: var(--lime); color:#0b0b0c; }