/* Approved A composition; active only on a question with a scene image. */
.quiz-question-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'image prompt' 'image options';gap:22px 36px;align-content:center;align-items:start}
.quiz-scene{grid-area:image;position:relative;min-width:0;min-height:370px;height:100%;overflow:hidden;border-radius:6px;background:var(--surface)}
.quiz-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 45%}
.quiz-scene figcaption{position:absolute;bottom:10px;right:10px;padding:2px 6px;background:rgba(255,255,255,.92);font-size:11px;color:var(--muted);line-height:1.6}
.quiz-question-scene>.quiz-prompt{grid-area:prompt;align-self:end;text-wrap:pretty}
.quiz-question-scene .quiz-question-number{margin-bottom:12px}
.quiz-question-scene>.quiz-question{grid-area:options}
.quiz-question-scene .quiz-option{align-items:center;min-height:84px}
.quiz-question-scene .quiz-option input{margin:0}
/* Keep wide scene subjects visible alongside the final four-answer questions. */
@media(min-width:761px){
  .quiz-question-scene:has(.quiz-option:nth-child(4)) .quiz-scene{height:auto;min-height:0;aspect-ratio:3/2;align-self:center}
}
@media(max-width:1000px) and (min-width:761px){
  .quiz-form:has(.quiz-question-scene){padding:26px}
  .quiz-question-scene{column-gap:28px}
  .quiz-question-scene>.quiz-prompt{font-size:23px}
  .quiz-scene{min-height:360px}
}
@media(max-width:760px){
  .quiz-form:has(.quiz-question-scene){padding:20px}
  .quiz-question-scene{grid-template-columns:minmax(0,1fr);grid-template-areas:'image' 'prompt' 'options';gap:20px}
  .quiz-scene{height:auto;min-height:0;aspect-ratio:1.8}
  .quiz-scene img{object-position:60% 40%}
  .quiz-question-scene .quiz-question-number{margin-bottom:8px}
  .quiz-question-scene .quiz-option{min-height:78px}
}