.soc-grid { display:flex; flex-direction:column; gap:10px; }

.soc-item {
  display:flex; align-items:center; gap:14px;
  background:#fff; border:1px solid #E5E7EB;
  border-radius:14px; padding:14px 16px;
  box-shadow:0 1px 4px rgba(0,0,0,.05);
  transition:box-shadow .18s, transform .18s;
  text-decoration:none; color:inherit;
}
.soc-item:hover { box-shadow:0 4px 14px rgba(0,0,0,.09); transform:translateY(-1px); }

/* Rounded square icon */
.soc-icon {
  width:46px; height:46px;
  border-radius:12px;
  flex-shrink:0;
  overflow:hidden;
  background:#F3F4F6;
}
.soc-icon img {
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}

.soc-info { flex:1; min-width:0; }
.soc-name { font-size:14px; font-weight:700; color:#111827; margin-bottom:2px; }
.soc-desc { font-size:12.5px; color:#6B7280; }

.soc-arrow { color:#D1D5DB; font-size:18px; flex-shrink:0; line-height:1; transition:color .15s; }
.soc-item:hover .soc-arrow { color:#9CA3AF; }

.soc-section-label {
  font-size:11px; font-weight:700; color:#9CA3AF;
  text-transform:uppercase; letter-spacing:.6px;
  margin:16px 0 8px; padding:0 2px;
}
.soc-section-label:first-child { margin-top:0; }