.social-row {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 4px;
  font-size: 0.8125rem;
}

.social-row .social-label {
  color: var(--muted, #64748B);
  margin-right: 4px;
}

.social-row a {
  color: var(--text-soft, #475569);
  font-weight: 500;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 2px;
  text-decoration: none;
}

.social-row a:hover { color: var(--blue, #1E40AF); text-decoration: underline; }

.social-row a:focus-visible {
  outline: 2px solid var(--blue, #1E40AF);
  outline-offset: 2px;
  border-radius: 4px;
}

.social-row .social-sep { color: var(--line, #E2E8F0); }