/* Modern, lightweight option styling */
.quiz-option {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 0.6rem 0.85rem;
  background: #ffffff;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
}
.quiz-option:hover { 
  border-color: #6366f1; 
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.quiz-option:focus-visible {
  outline: 2px solid #6366f1;
  outline-offset: 2px;
}
.quiz-option[aria-pressed="true"] { outline: 2px solid #6366f1; }
.quiz-option.correct { background: #ecfdf5; border-color: #10b981; }
.quiz-option.wrong { background: #fef2f2; border-color: #ef4444; }

@media (prefers-reduced-motion: reduce) {
  .quiz-option { transition: none; }
  .quiz-option:hover { transform: none; }
}

/* Dark mode overrides (class-based to support JS toggle) */
.dark .quiz-option {
  border-color: #3f3f46; /* zinc-700 */
  background: #18181b;   /* zinc-900 */
  box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.dark .quiz-option:hover {
  border-color: #818cf8; /* indigo-400 */
  box-shadow: 0 6px 16px rgba(0,0,0,0.6);
}
.dark .quiz-option:focus-visible { outline-color: #818cf8; }
.dark .quiz-option[aria-pressed="true"] { outline-color: #818cf8; }
.dark .quiz-option.correct { background: rgba(16,185,129,0.15); border-color: #10b981; }
.dark .quiz-option.wrong   { background: rgba(244,63,94,0.15);  border-color: #ef4444; }