/* Ensure video takes full width and height */
#videoPlayer {
  width: 100%;
  height: 70vh;
  object-fit: contain;
}

/* Style for the table */
table {
  width: 100%;
  border-collapse: collapse;
}

th,
td {
  padding: 8px;
  text-align: left;
  border: 1px solid #ddd;
}

th {
  background-color: #f3f4f6;
  font-weight: bold;
}

.table-auto {
  background-color: #ebf8ff;
  border-radius: 8px;
}

.episode-button.active {
  background-color: #4caf50;
  /* Green for active episode */
  color: white;
  font-weight: bold;
}

.episode-button:hover {
  background-color: #ddd;
  /* Light gray on hover */
}