.highlight {
  background-color: #ffff99; /* light yellow */
}


.table-sm td {
  white-space: nowrap;      /* Prevent line breaks */
  overflow: hidden;         /* Hide overflow if the text is too long */
  text-overflow: ellipsis;  /* Show ellipsis (...) for overflowed text */
}

.category-toggle .clickable-card {
  transition: transform 0.2s, box-shadow 0.2s;
}

.category-toggle:hover .clickable-card {
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.bg-pink {
  background-color: rgb(193, 130, 141);
}