@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#263238;font-family:Lexend,Arial,sans-serif;font-size:16px;line-height:1.6}.listenMain{max-width:920px;margin:0 auto;padding:30px 20px 62px}.crumbs{font-size:14px;color:#64748b;margin-bottom:18px}.crumbs a{color:#496b87;text-decoration:none}.listenHero{background:#eef8f8;border:1px solid #cce4e3;border-radius:18px;padding:28px 30px;margin-bottom:18px}.tag{display:inline-block;color:#315f82;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px}.listenHero h1{font-size:clamp(30px,5vw,44px);line-height:1.12;letter-spacing:-.03em;color:#173a63;margin:0 0 9px}.listenHero p{color:#52606d;font-size:17px;max-width:730px;margin:0}.panel{background:#fff;border:1px solid #dbe3ea;border-radius:16px;padding:24px;margin-top:16px}.panel h2{color:#173a63;font-size:22px;line-height:1.3;margin:0 0 8px}.panel>p{color:#52606d;margin:0 0 16px}.audioControls{display:flex;gap:10px;flex-wrap:wrap}.listenButton{border:0;border-radius:10px;padding:12px 17px;background:#173a63;color:#fff;font:700 15px Lexend,Arial,sans-serif;cursor:pointer;min-height:46px}.listenButton.slow{background:#315f82}.listenButton.stop{background:#eef3f7;color:#334155;border:1px solid #cfdbe5}.listenButton:hover,.listenButton:focus-visible{filter:brightness(.96);outline:3px solid #bad5e5;outline-offset:2px}.audioStatus{min-height:26px;margin-top:11px;color:#52606d;font-size:14px}.question{border-top:1px solid #e2e8f0;padding:17px 0 3px}.question:first-of-type{border-top:0;padding-top:0}.question p{font-weight:600;color:#263238;margin:0 0 8px}.options{display:grid;gap:7px}.options label{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border-radius:9px;background:#f8fafc;cursor:pointer}.options input{margin-top:5px;flex:0 0 auto}.checkRow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.score{font-weight:700;color:#173a63}.transcript{margin-top:16px;border:1px solid #d7e2ea;border-radius:12px;background:#fbfdff}.transcript summary{cursor:pointer;padding:14px 16px;color:#315f82;font-weight:700}.transcriptText{border-top:1px solid #e2e8f0;padding:16px;white-space:pre-line;color:#334155}.teacherOnly{display:none}.printButton{background:#fff;color:#315f82;border:1px solid #b9cbd9}.activityGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.activityCard{display:flex;flex-direction:column;background:#fff;border:1px solid #dbe3ea;border-radius:15px;padding:21px;text-decoration:none;color:#263238;min-height:210px}.activityCard:nth-child(1){background:#eef8f1;border-color:#cfe5d5}.activityCard:nth-child(2){background:#eef6ff;border-color:#d3e4f5}.activityCard:nth-child(3){background:#fff8e8;border-color:#efdfb5}.activityCard:nth-child(4){background:#f8f1fb;border-color:#e5d6ed}.activityCard:hover,.activityCard:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px rgba(55,72,88,.1);outline:none}.activityCard .level{font-size:12px;font-weight:700;color:#64748b}.activityCard h2{font-size:20px;line-height:1.3;color:#173a63;margin:10px 0 7px}.activityCard p{font-size:14px;color:#52606d;margin:0 0 13px}.activityCard b{margin-top:auto;color:#315f82;font-size:14px}.howList{margin:10px 0 0;padding-left:23px;color:#52606d}.siteFooter{border-top:1px solid #dbe3ea;background:#fff;color:#64748b;font-size:13px}.footerWrap{max-width:920px;margin:auto;padding:20px}.footerWrap a{color:#496b87;margin-left:14px}
@media(max-width:720px){.listenMain{padding-top:24px}.listenHero{padding:23px 20px}.activityGrid{grid-template-columns:1fr}.activityCard{min-height:0}.panel{padding:20px}.listenButton{flex:1 1 135px}}
@media print{.edTop,.crumbs,.audioControls,.audioStatus,.checkRow,.transcript summary,.siteFooter{display:none!important}.listenMain{max-width:none;padding:0}.listenHero,.panel{border-color:#aaa}.transcript{display:block}.transcriptText,.teacherOnly{display:block!important}.options label{padding:3px 0;background:#fff}.question{break-inside:avoid}}
@media print{.transcript{break-before:page;page-break-before:always;margin-top:0}.transcriptText{border-top:0}.teacherOnly{break-before:auto;page-break-before:auto}}