.listening-panel { max-width: 880px; margin: 0 auto; }
.listening-panel audio { display:block; width:100%; margin:12px 0; }
.listening-panel .listening-question { padding:18px 0; border-bottom:1px solid #d8e2df; }
.listening-panel .listening-options { display:grid; gap:8px; margin-top:10px; }
.listening-panel .listening-option { display:flex; gap:10px; align-items:center; padding:12px; border:1px solid #bccbc7; border-radius:10px; cursor:pointer; }
.listening-panel .listening-option:has(input:checked) { background:#e5f1e8; border-color:#478366; }
.listening-panel input[type=radio] { width:20px; height:20px; flex:0 0 20px; margin:0; }
.listening-panel input[type=text] { width:100%; max-width:360px; margin-top:10px; }
.listening-panel .listening-actions { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.listening-panel .listening-review { margin-top:10px; font-weight:600; }
.listening-panel .listening-right { color:#246c43; }
.listening-panel .listening-wrong { color:#a63131; }
.listening-panel .listening-transcript { white-space:pre-wrap; line-height:1.8; overflow-wrap:anywhere; }
.listening-panel [role=status] { min-height:24px; overflow-wrap:anywhere; }
.listening-panel .listening-history { display:flex; gap:8px; flex-wrap:wrap; }
.listening-panel.listening-wide { max-width:1280px; }
.listening-panel #listeningPack { display:block; width:100%; margin:10px 0; }
.listening-with-images { display:grid; grid-template-columns:minmax(0, 3fr) minmax(0, 2fr); gap:24px; align-items:start; }
.listening-with-images > div { min-width:0; }
.listening-reader-controls { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.listening-reader-controls select { flex:1; min-width:100px; max-width:100%; }
.listening-image-scroll { max-height:72vh; overflow:auto; border:1px solid #bccbc7; background:#fff; }
.listening-image-scroll img { display:block; width:100%; max-width:none; height:auto; }
.listening-image-scroll.listening-zoom img { width:200%; }
.listening-panel .listening-compact-options { display:flex; flex-wrap:wrap; }
.listening-panel .listening-compact-options .listening-option { padding:8px; min-height:44px; }
.listening-panel #listeningPaperMode { display:none; }
#listeningTranscriptReader { max-width:760px; }
@media (max-width:760px) {
  .listening-with-images { display:block; }
  .listening-panel #listeningPaperMode:not([hidden]) { display:flex; position:sticky; top:0; z-index:2; background:var(--panel, #fff); padding:8px 0; }
  .listening-with-images[data-mode=question] > #listeningQuestions { display:none; }
  .listening-with-images[data-mode=answers] > #listeningQuestionReader { display:none; }
}