/* Mobile-first tweaks on top of Bootstrap. */

.answer-option {
  padding: 0.75rem 0.75rem 0.75rem 2.5rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-body-bg);
}

/* The generated list is huge; give the answer room and avoid awkward
   wrapping of a long Czech word against the label. */
.answer-option .form-check-label {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  width: 100%;
  overflow-wrap: anywhere;
}

.answer-letter {
  font-weight: 600;
  flex: 0 0 auto;
}

.answer-option .form-check-input {
  margin-left: -1.75rem;
}

.answer-option:has(.form-check-input:checked) {
  border-color: var(--bs-primary);
  background-color: var(--bs-primary-bg-subtle);
}

.progress-bar {
  font-size: 0.75rem;
}