/* Mind Quest | Mobile question & answer visual balance | 2026-10-20.
   Preserves all question text, SVG data, correctness, scoring and storage. */
@media(max-width:650px){
 body.mq-ar-l3 .question-card{padding:12px 11px 15px!important;}
 body.mq-ar-l3 .question-card h2{font-size:clamp(19px,5.2vw,23px)!important;line-height:1.65!important;margin:10px 0 12px!important;}
 body.mq-ar-l3 .graphic{margin:12px 0!important;}
 body.mq-ar-l3 .graphic:not(.mq-wide-graphic):not(.science-v2-graphic) .mq-art{
  width:min(100%,520px)!important;max-height:none!important;min-width:0!important;object-fit:contain!important;
 }
 /* Four illustrated answers: two compact columns. Do not shrink text-only answers into columns. */
 body.mq-ar-l3 .choices.mq-visual-choices{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;margin:12px 0!important;
 }
 body.mq-ar-l3 .choices.mq-visual-choices .choice{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;min-height:0!important;padding:7px 5px!important;
  border-radius:13px!important;
 }
 body.mq-ar-l3 .choices.mq-visual-choices .choice-key{
  width:27px!important;height:27px!important;border-radius:8px!important;font-size:15px!important;
  align-self:flex-start!important;
 }
 body.mq-ar-l3 .choices.mq-visual-choices .choice-body{
  width:100%!important;min-width:0!important;flex:none!important;display:grid;place-items:center;
 }
 body.mq-ar-l3 .choices.mq-visual-choices .choice-body .mq-art,
 body.mq-ar-l3 .choices.mq-visual-choices .choice-body svg{
  display:block!important;width:100%!important;max-width:145px!important;
  max-height:128px!important;height:auto!important;object-fit:contain!important;margin:0 auto!important;
 }
 /* Regular textual choices: moderate minimum touch target without giant empty space. */
 body.mq-ar-l3 .choices:not(.mq-visual-choices){display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:13px 0!important;}
 body.mq-ar-l3 .choices:not(.mq-visual-choices) .choice{min-height:54px!important;padding:9px 11px!important;gap:9px!important;}
 body.mq-ar-l3 .choices:not(.mq-visual-choices) .choice-body{font-size:clamp(15px,4.1vw,18px)!important;line-height:1.5!important;}
 body.mq-ar-l3 .choice:focus-visible{outline:3px solid #e9a947!important;outline-offset:2px!important;}
 /* Wide diagrams should be readable, never reduced to a thin strip across the screen. */
 body.mq-ar-l3 .graphic.mq-wide-graphic{overflow-x:auto!important;overscroll-behavior-x:contain!important;max-width:100%!important;}
 body.mq-ar-l3 .graphic.mq-wide-graphic .mq-art{
  display:block!important;width:max(100%,660px)!important;min-width:660px!important;
  max-width:none!important;max-height:none!important;height:auto!important;object-fit:contain!important;
 }
 body.mq-ar-l3 .graphic.mq-wide-graphic .mq-pan-hint{
  display:block!important;position:sticky;right:0;left:0;width:max-content;max-width:100%;
  font-size:12px;line-height:1.7;text-align:right;color:#405d75;background:#eef7fc;
  border-radius:8px;padding:4px 9px;margin:0 0 7px;
 }
 body.mq-ar-l3 .mq-zoom-btn{margin-top:5px!important;padding:6px 10px!important;font-size:13px!important;}
}
@media(max-width:350px){
 body.mq-ar-l3 .choices.mq-visual-choices{gap:6px!important;}
 body.mq-ar-l3 .choices.mq-visual-choices .choice{padding:5px 3px!important;}
 body.mq-ar-l3 .choices.mq-visual-choices .choice-body .mq-art{max-height:108px!important;}
}