/* Q11: approved woman v18 and man v19, Q1-Q3 responsive composition. */
.scene-media:has(.scene-image[src*="/q11-thing-"]:is([src*="-v17-"], [src*="-woman-"][src*="-v18-"], [src*="-man-"][src*="-v19-"])) .scene-image {
  animation: none !important; transform: none !important; filter: none !important;
  object-fit: cover; object-position: 50% 50% !important;
}
.scene-media:has(.scene-image[src*="/q11-thing-"]:is([src*="-mobile-v17-"], [src*="-woman-mobile-v18-"], [src*="-man-mobile-v19-"])) .scene-image {
  object-position: 50% 0% !important;
}
@media (min-width: 1000px) and (min-aspect-ratio: 3/2) {
  html body .scene-question.question-11 .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*="/q11-thing-"]:is([src*="-v17-"], [src*="-woman-"][src*="-v18-"], [src*="-man-"][src*="-v19-"])) .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*="/q11-thing-"]:is([src*="-v17-"], [src*="-woman-"][src*="-v18-"], [src*="-man-"][src*="-v19-"])) .scene-shade {
    background: linear-gradient(90deg, rgba(6,8,9,.78), rgba(6,8,9,.64) 38%, transparent 60%), linear-gradient(0deg, rgba(6,8,9,.3), transparent 25%) !important;
  }
}
@media (max-width: 700px) {
  html body .scene-question.question-11 .question-shell {
    max-height: 72svh !important; overflow-y: auto;
    width: calc(100% - 32px); padding-top: 14px !important;
  }
  .scene-media:has(.scene-image[src*="/q11-thing-"]:is([src*="-v17-"], [src*="-woman-"][src*="-v18-"], [src*="-man-"][src*="-v19-"])) .scene-shade {
    background: linear-gradient(180deg, rgba(6,8,9,.04) 0%, rgba(6,8,9,.04) 23%, rgba(6,8,9,.58) 31%, rgba(6,8,9,.83) 45%, rgba(6,8,9,.87) 100%) !important;
  }
}
@media (max-height: 720px) and (max-width: 700px) {
  html body .scene-question.question-11 .question-shell { max-height: 62svh !important; }
}
/* Long Q11 copy stays below the lawspeaker's gesture in the overlaid laptop layout. */
@media (min-width: 701px) and (max-width: 999px), (min-width: 701px) and (max-aspect-ratio: 1499/1000) {
  html body .scene-question.question-11 .question-shell { width: min(920px, calc(100% - 44px)) !important; }
  html body .scene-question.question-11 .question-shell h1 { font-size: clamp(1.45rem, 3vw, 1.875rem) !important; line-height: 1.065 !important; }
  html body .scene-question.question-11 .story-option { min-height: 58px !important; padding-block: 9px !important; }
  html body .scene-question.question-11 .option-copy { font-size: 1.02rem !important; line-height: 1.24 !important; }
}