/**
 * Social UI helpers (Instagram-inspired)
 *
 * Scope: only pages that explicitly include `/social.css`.
 * Keep this file small; prefer Tailwind utilities for layout.
 */

/* Consistent 44px touch targets for icon buttons. */
.social-tap {
  min-width: 44px;
  min-height: 44px;
}

/* Explore/profile grids: 1px separators without rounding. */
.social-grid {
  background: hsl(var(--border));
  gap: 1px;
}

.social-grid > * {
  background: hsl(var(--background));
}