/* ─── Body padding (public page) ─────────────────────────────────────── */
body { padding: 1.25rem; }

/* ─── Layout grid ────────────────────────────────────────────────────── */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

/* ─── Responsive ─────────────────────────────────────────────────────── */
@media (max-width: 600px) {
  body { padding: 0.875rem; }
}