/* Compact the result summary so the important information stays together. */
.result-panel { padding-top: 0; }
.result-panel #score { margin: 4px 0 6px; font-size: clamp(2.35rem, 11vw, 3.6rem); }
.result-panel #percentage { margin: 0 0 8px; }
.result-panel #time-used { margin: 0 0 12px; }
.result-panel .review-summary { margin: 14px 0 18px; }
.result-panel .result-actions { margin-top: 20px; }

/* Default to one fixed vignette for traffic signs.  This avoids a source image's
   original pixel dimensions making one sign much larger than another.  Road
   situations are explicitly promoted by experience-polish.js and retain room
   for their useful detail. */
.question-image img { width:min(100%,180px); height:180px; max-height:180px; object-fit:contain; }
.question-image img.ishuri-road-sign { width:min(100%,180px) !important; height:180px !important; max-height:180px !important; }
.question-image img.ishuri-road-scene { width:100%; height:auto; max-height:min(76vw,360px); }
.review-images img { width:min(100%,160px); height:160px; max-height:160px; object-fit:contain; }
.review-images img.ishuri-road-sign { width:min(100%,160px); height:160px; max-height:160px; }
.review-images img.ishuri-road-scene { width:100%; height:auto; max-height:260px; }

/* Visual answer choices use their natural A/B then C/D reading order. */
.options.image-option-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.options.image-option-grid .option { min-height:118px; padding:12px; align-items:center; }
.options.image-option-grid .option span { flex:1; justify-content:center; }
.options.image-option-grid .option .option-image { width:78px; height:78px; max-width:78px; max-height:78px; object-fit:contain; }

@media (min-width: 700px) {
  .question-image img,
  .question-image img.ishuri-road-sign { width:220px; height:220px; max-height:220px; }
  .question-image img.ishuri-road-scene { max-height: 380px; }
}

@media (max-width: 380px) {
  .options.image-option-grid { gap:8px; }
  .options.image-option-grid .option { min-height:104px; padding:9px; gap:8px; }
  .options.image-option-grid .option .option-image { width:68px; height:68px; max-width:68px; max-height:68px; }
}