/* Listening comparte tarjetas, botones y tipografía con Vocabulary. */
.starter-listening{max-width:1100px;margin-inline:auto;min-width:0;overflow-wrap:anywhere}
.starter-listening *{box-sizing:border-box}
.starter-listening .vocab-entry{margin-block:18px}
.starter-listening audio{display:block;width:100%;max-width:100%;min-width:0}
.listening-audio-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:14px}
.listening-audio-controls label{display:grid;gap:5px}
.starter-listening .btn,.starter-listening select{min-height:44px}
.starter-listening input[type=text],.starter-listening select{font:inherit;color:inherit;background:var(--surface,#fff);border:1px solid var(--line,#c4d3d9);border-radius:10px;min-height:46px;padding:8px 12px;max-width:100%}
.listening-audio-controls input[type=range]{min-height:44px;max-width:100%;accent-color:#4e8395}
.listening-transcript summary{cursor:pointer;min-height:44px;align-content:center;font-weight:600}
.listening-transcript p{line-height:1.7}
.listening-question{margin-block:14px;padding:14px;border:1px solid var(--line,#d8e2e6);border-radius:12px;min-width:0}
.listening-options{border:0;padding:0;margin:0;min-width:0}
.listening-options legend{font-weight:500;padding:0 0 8px;max-width:100%}
.listening-options label{display:flex;align-items:center;gap:10px;min-height:46px;border-radius:8px;padding:6px 8px;cursor:pointer}
.listening-options label:has(input:checked){background:#edf4f7;box-shadow:inset 0 0 0 1px #7c9fae}
.listening-options input{width:20px;height:20px;flex-shrink:0;accent-color:#4e8395}
.listening-gap{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.listening-gap input{flex:1 1 170px;width:100%;min-width:0}
.listening-feedback{margin:10px 0 0;font-size:.95em}
.listening-question.correct,.listening-sequence li.correct{background:#edf8ef;border-color:#6caa7b;color:#21572d}
.listening-question.incorrect,.listening-question.unanswered,.listening-sequence li.incorrect,.listening-sequence li.unanswered{background:#fff1f1;border-color:#c98686;color:#7b3030}
.listening-question.assisted,.listening-sequence li.assisted{background:#fff8e6;border-color:#c3a35d;color:#6c521c}
.listening-assisted{font-size:.92em}
.listening-sequence{list-style:none;padding:0;display:grid;gap:10px}
.listening-sequence li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--line,#d8e2e6);border-radius:12px}
.listening-position{font-weight:600}
.listening-move{display:flex;gap:6px;flex-shrink:0}
.listening-move button{min-width:44px;padding:8px}
.starter-listening :focus-visible{outline:3px solid #537fbc;outline-offset:3px}
.starter-listening #listening-result h2{font-size:clamp(24px,4vw,34px)}
.listening-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.starter-listening .vocab-entry{padding:16px}.listening-audio-controls{align-items:stretch}.listening-audio-controls label{flex:1 1 120px;min-width:0}.listening-question{padding:12px}.listening-gap .btn{width:100%}.listening-sequence li{align-items:start}.listening-move{flex-direction:column}.listening-sequence li>div:first-child{min-width:0}.listening-options label{align-items:start}.listening-options input{margin-top:4px}}

.listening-transcript p{white-space:pre-line}
.starter-listening .listening-question select{display:block;width:100%;min-width:0;margin-top:10px}

.starter-listening .listening-selection{font-size:.95em;margin:8px 0 0;line-height:1.5;overflow-wrap:anywhere}
.listening-exercise-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:18px}
.starter-listening .listening-exercise-actions .listening-exercise-score{font-weight:600;margin:0}