/* Q12 v18: approved portrait masters, established full-height responsive layout. */
.scene-media:has(.scene-image[src*="/q12-household-"][src*="-v18-"]) .scene-image {
  animation: none !important; transform: none !important; filter: none !important;
  object-fit: cover !important; object-position: 50% 15% !important;
}
@media (min-width: 1000px) and (min-aspect-ratio: 3/2) {
  html body .scene-question.question-12 .question-shell {
    left: 4.5vw !important; right: auto !important;
    width: 44vw !important; max-width: 760px !important; transform: none !important;
  }
  html .scene-media:has(.scene-image[src*="/q12-household-"][src*="-v18-"]) .scene-portrait {
    inset: 0 0 0 48% !important; width: 52% !important; height: 100% !important;
    min-width: 0 !important; transform: none !important;
    mask-image: linear-gradient(90deg, transparent, #000 9%, #000) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000) !important;
  }
  .scene-media:has(.scene-image[src*="/q12-household-"][src*="-v18-"]) .scene-shade {
    background: linear-gradient(90deg, rgba(6,8,9,.95) 0%, rgba(6,8,9,.80) 28%, transparent 52%), linear-gradient(0deg, rgba(6,8,9,.25), transparent 25%) !important;
  }
}
@media (max-width: 999px), (max-aspect-ratio: 1499/1000) {
  html .scene-media:has(.scene-image[src*="/q12-household-"][src*="-v18-"]) .scene-portrait {
    inset: 0 !important; width: 100% !important; height: 100% !important;
    min-width: 0 !important; mask-image: none !important; -webkit-mask-image: none !important;
  }
  .scene-media:has(.scene-image[src*="/q12-household-"][src*="-v18-"]) .scene-shade {
    background: linear-gradient(180deg, rgba(6,8,9,.04) 0%, transparent 35%, rgba(6,8,9,.65) 51%, rgba(6,8,9,.90) 65%, rgba(6,8,9,.94) 100%) !important;
  }
}
@media (max-width: 700px) {
  html body .scene-question.question-12 .question-shell {
    max-height: min(62svh, calc(100svh - 356px)) !important;
    overflow-y: auto; padding-top: 8px !important;
  }
}