/* Styling for the quiz widget (assets/quiz.js). Loaded alongside course.css. */
.quiz {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #fff;
  border: 1px solid var(--rule);
  border-radius: 8px;
  padding: 1.1rem 1.3rem 1.3rem;
  margin: 1.6rem 0;
}
.quiz .q { font-weight: 600; margin: 0 0 .8rem; font-size: .98rem; }
.quiz .options { list-style: none; margin: 0; padding: 0; }
.quiz .options li {
  border: 1px solid var(--rule);
  border-radius: 6px;
  padding: .55rem .8rem;
  margin: .45rem 0;
  cursor: pointer;
  font-size: .9rem;
  transition: background .12s, border-color .12s;
}
.quiz .options li:hover { background: var(--code-bg); }
.quiz .options li.locked { cursor: default; }
.quiz .options li.locked:hover { background: #fff; }
.quiz .options li.right {
  background: #eef7f0; border-color: var(--ok); color: #1f5c3c; font-weight: 600;
}
.quiz .options li.wrong {
  background: #fbecea; border-color: var(--accent); color: #7d2b18;
}
.quiz .options li.right::before { content: "✓ "; }
.quiz .options li.wrong::before { content: "✗ "; }
.quiz .explain {
  font-size: .85rem; color: var(--muted); margin: .9rem 0 0;
  padding-top: .8rem; border-top: 1px dashed var(--rule); line-height: 1.5;
}
.quiz .explain code { font-size: .82em; }