.btn-group-xs > .btn, .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/* Scoped to .choices so these don't leak onto page elements whose id happens
   to start with "no" (e.g. Quarto section ids like "not-all-lines-..."). */
.choices #correct {
  color: green;
}

.choices [id^="no"] {
  color: red;
}

.button-clear button {
  background-color: #f9fafb;
  border-color: #f9fafb;
}


.button-hint button {
  background-color: #FFFAA0;
  border-color: #FFFAA0;
}

.button-hint .border-warning {
  border-color: #FFFAA0 !important;
}

.button-answer button {
  background-color: #e7f1ff;
  border-color: #e7f1ff;
}

.button-answer .border-info {
  border-color: #e7f1ff !important;
}