document.querySelectorAll("form[data-quiz]").forEach((form) => {
  form.addEventListener("submit", (event) => {
    event.preventDefault();
    const selected = form.querySelector('input[type="radio"]:checked');
    const feedback = form.querySelector("[data-feedback]");
    if (!selected) {
      feedback.textContent = "Choose an answer first, then check your reasoning.";
      feedback.dataset.state = "incorrect";
      return;
    }
    const correct = selected.value === form.dataset.correct;
    feedback.textContent = correct
      ? form.dataset.explanation
      : form.dataset.retry || "Not quite. Trace which component produced this evidence, then try again.";
    feedback.dataset.state = correct ? "correct" : "incorrect";
  });
});