.learn-listening-demo{margin:24px 0 32px;padding:26px;border:1px solid #c9def4;border-radius:24px;background:linear-gradient(145deg,#fff,#f6faff);box-shadow:0 10px 30px #224b7510;min-width:0}.learn-listening-demo>header{margin-bottom:18px}.learn-listening-demo>header h2{margin:8px 0 0;font-size:clamp(22px,3vw,28px);line-height:1.25}.learn-listening-demo .audio-dialogue-question{gap:14px}.learn-listening-demo h3{margin:2px 0;font-size:20px;line-height:1.4;color:#203e60}.learn-listening-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;border:0;padding:0;margin:0;min-width:0}.learn-listening-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.learn-listening-options button{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;min-height:48px;padding:12px;border:1px solid #cddff2;border-radius:13px;background:#fff;color:#294c70;font-size:14px;line-height:1.5;cursor:pointer}.learn-listening-options button>span:first-child{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border:1px solid #d4e2f0;border-radius:8px;color:#6c85a0;font-size:11px}.learn-listening-options button:disabled{cursor:default;opacity:1}.learn-listening-options [data-result=correct]{border-color:#80bca5;background:#eaf8f0}.learn-listening-options [data-result=wrong]{border-color:#ddb69f;background:#fff3eb}.learn-listening-feedback{margin-top:16px;padding:17px;border:1px solid #bddfd0;border-radius:15px;background:#edf9f2;color:#2c6656}.learn-listening-feedback.is-wrong{background:#fff8ef;border-color:#ead3b7;color:#805c35}.learn-listening-feedback>strong{display:flex;align-items:center;gap:8px}.learn-listening-feedback p{font-size:14px;line-height:1.65;margin:8px 0 12px}.learn-listening-feedback .learn-reset{background:#fff}.learn-listening-demo>footer{display:grid;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid #dbe7f4}.learn-listening-demo>footer>div>p{margin:6px 0 0;font-size:13px;line-height:1.6;color:#6a829c}.learn-listening-actions{display:flex;flex-wrap:wrap;gap:10px}.learn-listening-actions .button{font-size:13px;min-height:46px;gap:8px}@media(max-width:540px){.learn-listening-demo{padding:19px 15px}.learn-listening-options{grid-template-columns:minmax(0,1fr)}.learn-listening-demo h3{font-size:18px}.learn-listening-actions{display:grid;grid-template-columns:minmax(0,1fr)}.learn-listening-actions .button{width:100%;white-space:normal}.learn-listening-actions .button>svg{width:16px;height:16px}}.learn-listening-demo .learn-listening-translation{margin:5px 0 0;font-size:13px;line-height:1.5;color:#657e98}