/* Base */
body {
  font-family: "Inter", Arial, sans-serif;
}

/* Cards spacing */
.video-thumb-wrapper {
  cursor: pointer;
}

.video-thumb .play-video-btn {
  font-size: 1rem;
  padding: 0.6rem 1.2rem;
}

/* Disable state for quiz until watched */
.quiz-btn.disabled,
.quiz-btn.disabled:hover {
  pointer-events: none;
  opacity: 0.6;
}

/* Header */
.portal-header img {
  display:block;
}

.play-video-btn {
  background-color: #28a745;
  color: #fff;
  border: none;
  padding: 0.5rem 1.2rem;
  font-size: 0.95rem;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  transition: background-color 0.3s ease;
  z-index: 10;
}

.play-video-btn:hover {
  background-color: #218838;
}


/* Mobile spacing */
@media (max-width: 575.98px) {
  .portal-header { flex-direction: column; gap: .5rem; }
}