/* Clear, compact answer guidance without changing the assessment's visual system. */
.question-main .question-guidance {
  margin: -12px 0 22px;
  color: #536b8a;
  font-size: 14px;
  line-height: 1.65;
}
.matching-list { gap: 0; border-top: 1px solid #e1e9f3; }
.matching-list label {
  display: grid;
  grid-template-columns: minmax(170px, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 20px;
  padding: 13px 0;
}
.matching-list label > span { display: grid; gap: 3px; }
.matching-list label b { color: #143d70; font-size: 15px; }
.matching-list label small { color: #6b7f9a; font-size: 12px; font-weight: 400; }
.matching-list select { width: 100%; max-width: none; height: 48px; border-radius: 6px; }
.matching-list select:has(option:checked:not([value=""])) { border-color: #7da9de; background-color: #f7fbff; }
.matching-list option:disabled { color: #9aa9bc; }

@media (max-width: 620px) {
  .question-main .question-guidance { margin: -10px 0 16px; font-size: 12px; }
  .matching-list label { grid-template-columns: 1fr; gap: 8px; padding: 12px 0; }
  .matching-list label > span { gap: 2px; }
  .matching-list label b { font-size: 14px; }
  .matching-list select { height: 44px; }
}