.socials-list { display: flex; flex-direction: column; gap: 0; }
.social-row {
  display: flex; align-items: center; gap: 1.2rem;
  padding: 1.2rem 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
  text-decoration: none; color: inherit;
  transition: color .2s;
}
.social-row:last-child { border-bottom: none; }
.social-row:hover { color: var(--accent); text-decoration: none; }
.social-icon {
  width: 38px; height: 38px; flex-shrink: 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: border-color .2s;
}
.social-row:hover .social-icon { border-color: var(--accent); }
.social-icon svg { width: 16px; height: 16px; fill: currentColor; }
.social-info { flex: 1; display: flex; flex-direction: column; gap: .2rem; }
.social-name { font-size: .85rem; font-weight: 300; }
.social-handle { font-size: .62rem; letter-spacing: .08em; color: var(--grey); }
.social-row:hover .social-handle { color: var(--accent); opacity: .7; }
.social-arrow { font-size: .75rem; color: rgba(240,237,232,.2); transition: color .2s, transform .2s; }
.social-row:hover .social-arrow { color: var(--accent); transform: translateX(4px); }

/* ── right-col sous la navbar en mobile ── */
@media (max-width: 1024px) {
  .page-darempred .right-col {
    margin-top: 0;
  }
}