/* The quick quiz: what all three surfaces share (QuizRichText). Each surface has
   its own sheet beside this one: quiz-student.css, quiz-display.css,
   quiz-console.css. docs/class-app/quizzes/DESIGN.md. */

.qz-rich {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  min-width: 0;
}

.qz-rich--compact {
  gap: var(--space-xs);
}

.qz-rich__text {
  display: block;
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.qz-rich__inline {
  font-family: var(--font-mono);
  font-size: 0.92em;
  padding: 0.05em 0.35em;
  border-radius: var(--radius-sm);
  background: var(--bg-secondary);
  unicode-bidi: isolate;
}

.qz-rich__code {
  display: block;
  margin: 0;
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-md);
  border: 1px solid var(--border-light);
  background: var(--bg-secondary);
  font-family: var(--font-mono);
  font-size: 0.9em;
  line-height: 1.5;
  text-align: left;
  white-space: pre;
  overflow-x: auto;
  max-width: 100%;
}