/* iPad / máy tính bảng nằm ngang: màn rộng nhưng thấp -> thẻ câu hỏi chia 2 cột
   (hình bên trái, phần còn lại bên phải) để bé ít phải cuộn.
   Chỉ áp dụng khi thân câu hỏi có MỘT hình rõ ràng:
     - svg.pm-scene hoặc svg.m3-scene đứng đầu (piccount, picbond, pichalf, picframe, m3remove; KHÔNG áp cho vs* vì svg đầu chỉ là defs)
     - .shp-wrap đầu tiên (đồng hồ, đếm hình), .pm-pic (picstory), figure.sc-fig (cân), .lg-pens (chuồng)
   Các dạng khác (bảng, hàng tam giác, nối cột, ô điền thuần…) giữ nguyên một cột. */
@media (min-width: 1000px) and (max-height: 900px) and (orientation: landscape) {
  #qbody:has(> svg:is(.pm-scene, .m3-scene):first-child),
  #qbody:has(> .shp-wrap:first-child),
  #qbody:has(> .pm-pic:first-child),
  #qbody:has(> figure.sc-fig),
  #qbody:has(> .lg-pens) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 28px;
    row-gap: 0;
    align-items: start;
    align-content: center;
  }
  #qbody:has(> svg:is(.pm-scene, .m3-scene):first-child) > *,
  #qbody:has(> .shp-wrap:first-child) > *,
  #qbody:has(> .pm-pic:first-child) > *,
  #qbody:has(> figure.sc-fig) > *,
  #qbody:has(> .lg-pens) > * { grid-column: 2; min-width: 0; }
  #qbody:has(> svg:is(.pm-scene, .m3-scene):first-child) > svg:is(.pm-scene, .m3-scene):first-child,
  #qbody:has(> .shp-wrap:first-child) > .shp-wrap:first-child,
  #qbody:has(> .pm-pic:first-child) > .pm-pic:first-child,
  #qbody > figure.sc-fig,
  #qbody > .lg-pens {
    grid-column: 1; grid-row: 1 / span 12;
    max-width: 100%; margin-left: auto; margin-right: auto;
  }
  #qbody > svg:is(.pm-scene, .m3-scene):first-child { height: auto; }
}