.category-btn.active, .tag-btn.active {
    background-color: rgb(var(--color-primary-600));
    color: white;
    border-color: rgb(var(--color-primary-600));
  }
  .category-btn:hover, .tag-btn:hover {
    background-color: rgb(var(--color-primary-500));
    color: white;
  }

  /* Changed from CSS columns to CSS Grid */
  .masonry-wall {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    padding: 2rem 0;
  }

  .masonry-item {
    /* Grid items automatically position themselves */
    /* No need for break-inside, margin-bottom, display, or width */
  }

  @media (max-width: 1024px) {
    .masonry-wall {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .masonry-wall {
      grid-template-columns: 1fr;
    }
  }