:root{
  --bg: #f7f5f2;
  --card-bg: #fff;
  --radius: 14px;
  --shadow: 0 6px 20px rgba(0,0,0,.08);
}

body{ background: var(--bg); }
.post-card{
  border: 0; border-radius: var(--radius); overflow: hidden; background: var(--card-bg);
  transition: transform .15s ease, box-shadow .15s ease;
}
.post-card:hover{ transform: translateY(-2px); box-shadow: var(--shadow); }

/* Masonry via CSS columns */
.masonry{
  column-count: 1;
  column-gap: 1rem;
}
.masonry-item{ break-inside: avoid; margin-bottom: 1rem; }

@media (min-width: 576px){ .masonry{ column-count: 2; } }
@media (min-width: 992px){ .masonry{ column-count: 3; } }
@media (min-width: 1400px){ .masonry{ column-count: 4; } }

.object-fit-cover{ object-fit: cover; }

/* Hide legacy in-body button groups (moved to navbar) */
.button-group{ display:none !important; }