/* Consistent Card Styling for Index Page */

/* Standardize tag display across all cards */
.post-list .group .flex-wrap {
  max-height: 2.5rem;
  overflow: hidden;
}

/* Consistent tag styling */
.post-list .group span[class*="bg-muted"] {
  font-size: 0.75rem !important;
  padding: 0.25rem 0.5rem !important;
  margin: 0.125rem !important;
  border-radius: 20px !important; /* Changed to pill shape to match post content tags */
  font-weight: 500 !important;
  line-height: 1.2 !important;
  max-width: 8rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Removed "+X more" indicator styling - no longer needed */

/* Allow natural card heights - removed height restrictions */

/* Ensure title consistency */
.post-list .group h3 {
  font-size: 1.125rem !important;
  line-height: 1.4 !important;
  margin-bottom: 1rem !important;
}

/* Standardize description text */
.post-list .group p {
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}

/* Ensure metadata consistency */
.post-list .group .mt-auto {
  margin-top: auto !important;
  padding-top: 0.75rem !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .post-list .group h3 {
    font-size: 1rem !important;
  }
  
  .post-list .group p {
    font-size: 0.8rem !important;
  }
  
  /* Mobile tag styling - maintain pill shape */
  .post-list .group span[class*="bg-muted"] {
    border-radius: 16px !important; /* Slightly less rounded on mobile */
    font-size: 0.7rem !important; /* Smaller text on mobile */
    padding: 0.2rem 0.4rem !important; /* Tighter padding on mobile */
  }
}