.lead {
  font-size: 1.25rem;
  color: var(--pico-muted-color);
}

.success {
  color: var(--pico-ins-color, #2ecc71);
  margin-top: 0.75rem;
}

.error {
  color: var(--pico-del-color, #e74c3c);
  margin-top: 0.75rem;
}

.htmx-indicator {
  display: none;
}

.htmx-request .htmx-indicator {
  display: inline;
}

.badge { display: inline-block; padding: 0.15em 0.5em; border-radius: 0.3em; font-size: 0.8em; font-weight: 600; }
.badge-pending   { background: #e9ecef; color: #555; }
.badge-active    { background: var(--pico-primary); color: #fff; }
.badge-correct   { background: #2ecc71; color: #fff; }
.badge-incorrect { background: #e74c3c; color: #fff; }
.badge-rejected  { background: #dee2e6; color: #777; }

.score-bar      { height: 0.5rem; background: #dee2e6; border-radius: 999px; overflow: hidden; }
.score-bar-fill { height: 100%; background: #2ecc71; border-radius: 999px; }