/* Conteneur pour les scripts rendus par Vise20Scratchblocks */
.vise20-scratchblocks {
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.04);
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}

/* Avant rendu : texte brut lisible ; après renderMatching le <pre> est remplacé par le SVG scratchblocks */
.vise20-scratchblocks pre.blocks {
  margin: 0;
  white-space: pre-wrap;
  font-family: ui-monospace, monospace;
  font-size: 0.85rem;
  text-align: left;
}

/* Énoncé QCM : blocs Scratch sous la question */
.qcm-q-text pre.blocks,
.qcm-q-text .scratchblocks {
  margin: 0.5rem 0;
  max-width: 100%;
}

.review-q pre.blocks,
.review-q .scratchblocks {
  margin: 0.5rem 0;
  max-width: 100%;
}

.vise20-scratchblocks .scratchblocks {
  display: inline-block;
  min-width: min-content;
}

.vise20-scratchblocks--inline {
  display: inline-block;
  margin: 0 0.25rem;
  vertical-align: middle;
}

.vise20-scratchblocks-error {
  margin: 0.5rem 0;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-size: 0.9rem;
  color: #8b1538;
  background: rgba(200, 40, 80, 0.12);
  border: 1px solid rgba(200, 40, 80, 0.25);
}

.vise20-scratchblocks-error code {
  font-size: 0.85em;
}