/* Training answer feedback 1.3.4 — isolated filename prevents an old cached
   portal stylesheet from hiding the expected-answer highlights. */
.maq-question-block .maq-answer.is-correct-answer {
  position: relative;
  border: 2px solid var(--maq-success, #157347) !important;
  background: color-mix(in srgb, var(--maq-success, #157347) 10%, #fff) !important;
  color: #0d5634;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--maq-success, #157347) 13%, transparent) !important;
}

.maq-question-block .maq-answer.is-correct-answer::after {
  align-self: center;
  flex: 0 0 auto;
  margin-left: auto;
  padding: .25rem .55rem;
  border-radius: 999px;
  background: var(--maq-success, #157347);
  color: #fff;
  content: "Bonne réponse";
  font-size: .7rem;
  font-weight: 850;
  white-space: nowrap;
}

.maq-question-block .maq-answer.is-wrong-selection {
  border: 2px solid var(--maq-danger, #b42318) !important;
  background: color-mix(in srgb, var(--maq-danger, #b42318) 8%, #fff) !important;
  color: #7a1b14;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--maq-danger, #b42318) 11%, transparent) !important;
}

.maq-question-block .maq-answer.is-wrong-selection::after {
  align-self: center;
  flex: 0 0 auto;
  margin-left: auto;
  padding: .25rem .55rem;
  border-radius: 999px;
  background: var(--maq-danger, #b42318);
  color: #fff;
  content: "Votre choix";
  font-size: .7rem;
  font-weight: 850;
  white-space: nowrap;
}

.maq-feedback__status {
  display: block;
  margin-bottom: .75rem;
  font-size: 1rem;
}

.maq-feedback__expected {
  padding: .85rem 1rem;
  border: 1px solid color-mix(in srgb, var(--maq-success, #157347) 38%, #d7dde5);
  border-radius: 10px;
  background: #fff;
  color: #0d5634;
}

.maq-feedback__expected > strong {
  display: block;
  margin-bottom: .35rem;
}

.maq-feedback__expected ul {
  display: grid;
  gap: .25rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.maq-feedback__expected li {
  font-weight: 800;
  line-height: 1.5;
}

.maq-feedback__explanation {
  margin-top: .85rem;
}

.maq-feedback__explanation > strong {
  display: block;
  margin-bottom: .3rem;
}

.maq-feedback__explanation p {
  margin: 0;
  line-height: 1.65;
  white-space: pre-line;
}

@media (max-width: 600px) {
  .maq-question-block .maq-answer.is-correct-answer::after,
  .maq-question-block .maq-answer.is-wrong-selection::after {
    content: "✓";
    min-width: 28px;
    padding: .2rem .4rem;
    text-align: center;
  }

  .maq-question-block .maq-answer.is-wrong-selection::after { content: "×"; }
}