.rating-star {
            font-size: 1.5rem; /* Make stars visible */
            cursor: pointer; /* Indicate they are clickable */
            transition: color 0.2s; /* Smooth color change */
            color: var(--bs-gray, #6c757d); /* Default gray color */
        }
        .rating-star.rated,
        .rating-star:hover,
        .rating-star:hover ~ .rating-star {
            color: var(--bs-warning, #ffc107); /* Highlight/rated color */
        }

main{
	max-width:93%;
}
h2, h3{
  font-weight: 700;    /* fw-bold */
}
h2 {
  margin-top: 3rem;    /* mt-5 */
  margin-bottom: 1rem; /* mb-3 */
  color: #0056b3 !important;     /* text-primary Bootstrap blue */
}
h3{
margin-top: 1.5rem!important;
margin-bottom: 1rem!important;
}
li{
  margin-bottom : 1rem !important;
}

.responsive-table {
  max-width: 800px;
  width: 100%;
  overflow-x: auto;
}

.responsive-table table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
padding: 1rem 0.5rem; /* py-3 px-2 */
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .responsive-table table {
    min-width: 100%;
  }
}

.scroll-hint {
  text-align: center;
  font-style: italic;
  opacity: 0.8;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}