/* Grades 6, 8 and 9 Unit 3, Skills 2: iPhone/iPad landscape and portrait, scoped.
   Listening visual cards previously mixed absolute positioning with a grid. */
@media(max-width:1024px){
 html:is([data-sgk-grade="6"],[data-sgk-grade="8"],[data-sgk-grade="9"])[data-sgk-unit="3"] [data-panel="listening"] .question-visual-card{
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  min-height:0!important;
  padding:13px!important;
  gap:7px;
 }
 html:is([data-sgk-grade="6"],[data-sgk-grade="8"],[data-sgk-grade="9"])[data-sgk-unit="3"] [data-panel="listening"] .question-visual-card>.sgk-3d-visual.choice{
  position:relative!important;
  top:auto!important;left:auto!important;right:auto!important;
  transform:none!important;
  width:74px!important;height:74px!important;min-width:0!important;
  flex:0 0 74px;
  margin:0 auto 5px!important;
  grid-row:auto!important;grid-column:auto!important;
 }
 html:is([data-sgk-grade="6"],[data-sgk-grade="8"],[data-sgk-grade="9"])[data-sgk-unit="3"] [data-panel="listening"] .question-visual-card>.meta,
 html:is([data-sgk-grade="6"],[data-sgk-grade="8"],[data-sgk-grade="9"])[data-sgk-unit="3"] [data-panel="listening"] .question-visual-card>h4,
 html:is([data-sgk-grade="6"],[data-sgk-grade="8"],[data-sgk-grade="9"])[data-sgk-unit="3"] [data-panel="listening"] .question-visual-card>.q-vi,
 html:is([data-sgk-grade="6"],[data-sgk-grade="8"],[data-sgk-grade="9"])[data-sgk-unit="3"] [data-panel="listening"] .question-visual-card>.q-options,
 html:is([data-sgk-grade="6"],[data-sgk-grade="8"],[data-sgk-grade="9"])[data-sgk-unit="3"] [data-panel="listening"] .question-visual-card>.input{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  overflow-wrap:anywhere;
  position:relative;
  z-index:1;
 }
 html:is([data-sgk-grade="6"],[data-sgk-grade="8"],[data-sgk-grade="9"])[data-sgk-unit="3"] [data-panel="listening"] .question-visual-card>.meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
 }
 html:is([data-sgk-grade="6"],[data-sgk-grade="8"],[data-sgk-grade="9"])[data-sgk-unit="3"] [data-panel="listening"] .question-visual-card .q-options{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:9px;
 }
 html:is([data-sgk-grade="6"],[data-sgk-grade="8"],[data-sgk-grade="9"])[data-sgk-unit="3"] [data-panel="listening"] .question-visual-card .q-options label{
  min-width:0;
  white-space:normal;
  overflow-wrap:break-word;
  align-items:flex-start;
  line-height:1.5;
  min-height:44px;
 }
 html:is([data-sgk-grade="6"],[data-sgk-grade="8"],[data-sgk-grade="9"])[data-sgk-unit="3"] [data-panel="listening"] .question-visual-card .q-options input[type="radio"]{
  flex:0 0 auto;
  margin-top:3px;
 }
}