.answer-grid > label.answer-correct .input-unit {
  border: 2px solid #198754;
  background: #eef9f2;
  box-shadow: 0 0 0 3px rgba(25, 135, 84, .12);
}

.answer-grid > label.answer-wrong .input-unit {
  border: 2px solid #c9362b;
  background: #fff1f0;
  box-shadow: 0 0 0 3px rgba(201, 54, 43, .1);
}

.answer-grid > label.answer-correct::after,
.answer-grid > label.answer-wrong::after {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 800;
}

.answer-grid > label.answer-correct::after { content: "✓ Correct"; color: #137344; }
.answer-grid > label.answer-wrong::after { content: "✕ Incorrect"; color: #b3261e; }

.syringe-option.answer-correct {
  background: #e4f6eb;
  color: #105f38;
  border: 3px solid #198754;
}

.syringe-option.answer-wrong {
  background: #ffebe9;
  color: #98231b;
  border: 3px solid #c9362b;
}

.syringe-work.answer-correct { border: 3px solid #198754; background: #f0faf4; }
.syringe-work.answer-wrong { border: 3px solid #c9362b; background: #fff1f0; }
.syringe-work.answer-correct::after,
.syringe-work.answer-wrong::after { display: block; margin-top: 12px; font-size: 13px; font-weight: 800; }
.syringe-work.answer-correct::after { content: "✓ Plunger setting correct"; color: #137344; }
.syringe-work.answer-wrong::after { content: "✕ Plunger setting incorrect"; color: #b3261e; }

.answer-breakdown {
  display: grid;
  gap: 8px;
  margin: 12px 0 16px;
  padding: 0;
  list-style: none;
}

.answer-breakdown li {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid;
  border-radius: 6px;
  background: #fff;
}

.answer-breakdown li.answer-correct { border-color: #75ba91; color: #105f38; background: #f0faf4; }
.answer-breakdown li.answer-wrong { border-color: #df8a83; color: #98231b; background: #fff1f0; }
.answer-breakdown li span { font-size: 14px; color: #36515e; }
.solution .equation { display: block; margin-top: 10px; }