/* ===== School Quiz Minimal Styles (No Bootstrap) ===== */

/* Question blocks */
.qblock {
  display: none;
  margin-bottom: 1em;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fafafa;
}
.qblock:first-of-type { display: block; }

/* Options */
.quiz-option { display: block; margin: 6px 0; }

/* Timer styling */
#sq-timer {
  font-weight: bold;
  margin: 10px 0;
  padding: 6px;
  border: 1px solid #f2a4a4;
  background: #fde0e0;
  color: #a00;
  text-align: center;
  border-radius: 4px;
}

/* Progress bar container */
.sq-progress {
  width: 100%;
  background: #e0e0e0;
  height: 22px;
  border-radius: 12px;
  margin-bottom: 15px;
  overflow: hidden;
}
/* Progress bar fill */
#sq-progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(45deg, #4ba3f2, #007bff);
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  transition: width 0.4s ease;
}

/* Results table */
.quiz-results {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  font-size: 14px;
}
.quiz-results th, .quiz-results td {
  border: 1px solid #ccc;
  padding: 6px 10px;
  text-align: left;
  vertical-align: top;
}
.quiz-results th { background: #f7f7f7; }
.quiz-results tr.correct { background: #eaffea; } /* light green */
.quiz-results tr.wrong   { background: #ffeaea; } /* light red */