/* ============================================================
   Social links — icon row. Inherits color from its context
   (currentColor), so it adapts to dark/light surfaces.
   ============================================================ */

.lh-social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.lh-social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  color: inherit;
  border: 1px solid currentColor;
  border-radius: var(--radius-circle);
  opacity: 0.85;
  transition: var(--transition-fast);
}
.lh-social__link:hover {
  opacity: 1;
  transform: translateY(-2px);
}