/* Test B source-format and standalone picture presentation fixes. */
.test-b-word-bank{margin:0 0 16px;padding:13px 16px;border:1px solid #cfe0ff;border-radius:12px;background:#eef4ff;color:#294b85;}
.test-b-word-bank strong{display:block;margin-bottom:8px;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;}
.test-b-word-bank-words{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.test-b-word-bank-words span{display:block;padding:8px 10px;border-radius:9px;background:#fff;border:1px solid #d9e4f7;text-align:center;font-weight:750;color:#233c68;}

/* Test B picture questions now use standalone SVG files rather than the legacy sprite.
   Keep the artwork large while the frame itself stays tight to avoid unnecessary scrolling. */
#questionCard .test-b-standalone-image{display:block;width:100%;height:auto;object-fit:contain;margin:5px auto 8px;border:1px solid #d9e2ef;border-radius:14px;background:#fff;}
#questionCard.test-b-listening-picture .test-b-standalone-image{max-width:720px;max-height:420px;}
#questionCard.test-b-large-picture .test-b-standalone-image{max-width:620px;max-height:390px;}

/* Keep answer choices close to picture questions. The Test B renderer replaces
   .question-sprite, so it must carry its own two-column picture-choice layout. */
#questionCard.test-b-listening-picture .choices,#questionCard.test-b-large-picture .choices{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:9px;gap:6px;}
#questionCard.test-b-listening-picture .choice,#questionCard.test-b-large-picture .choice{padding:10px 12px;}

@media(max-width:680px){
  .test-b-word-bank-words{grid-template-columns:repeat(2,minmax(0,1fr))}
  #questionCard .test-b-standalone-image{width:100%;max-width:100%;height:auto;max-height:none;margin:3px auto 6px;border-radius:10px;}
  #questionCard.test-b-listening-picture .choices,#questionCard.test-b-large-picture .choices{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:7px;gap:5px;}
  #questionCard.test-b-listening-picture .choice,#questionCard.test-b-large-picture .choice{padding:9px 9px;}
}