body {
  font-family: Arial, sans-serif;
  margin: 20px;
  background-color: #f9f9f9;
}

h1 {
  text-align: center;
}

#question-container {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#question-number {
  font-weight: bold;
  margin-bottom: 10px;
}

/* Add vertical space between the question text and the answer choices to improve readability */
#question-text {
  margin-bottom: 12px;
}

#choices-container label {
  display: block;
  margin-bottom: 8px;
}

#controls {
  margin-top: 10px;
}

#controls button {
  margin-right: 10px;
  padding: 8px 12px;
}

/* Style the Next button to stand out more prominently */
#controls #next-btn {
  font-weight: bold;
  padding: 10px 20px;
  font-size: 1.1em;
  min-width: 120px;
}

/* Practice (formerly flagged/incorrect) info section */
#practice-info {
  margin-top: 20px;
}

#practice-info button {
  margin-left: 10px;
}

#practice-list {
  margin-top: 15px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#practice-ul li {
  margin-bottom: 5px;
}

/* Highlight selected answers */
.correct-answer {
  background-color: #d4edda;
  color: #155724;
  padding: 2px 4px;
  border-radius: 3px;
}

.incorrect-answer {
  background-color: #ffeeba;
  color: #856404;
  padding: 2px 4px;
  border-radius: 3px;
}