.mks-ielts-listening{--mks-purple:#8222ee;--mks-purple-dark:#5f12b7;--mks-purple-soft:#f4ebff;--mks-blue:#1a73e8;--mks-green:#188038;--mks-green-soft:#eaf7ef;--mks-orange:#e37400;--mks-orange-soft:#fff4e5;--mks-red:#d93025;--mks-red-soft:#fdeceb;--mks-ink:#1e2430;--mks-muted:#606a78;--mks-border:#e3e7ee;--mks-surface:#fff;--mks-background:#f7f8fc;--mks-radius:16px;--mks-shadow:0 8px 24px rgba(31,38,54,.08);--mks-shadow-hover:0 14px 30px rgba(31,38,54,.13);font-family:Inter,Roboto,"Open Sans",Arial,sans-serif;color:var(--mks-ink);line-height:1.7;max-width:1180px;margin:0 auto;padding:24px 16px 48px;box-sizing:border-box}.mks-ielts-listening *,.mks-ielts-listening *::before,.mks-ielts-listening *::after{box-sizing:border-box}.mks-ielts-listening a{color:var(--mks-purple);text-decoration:none}.mks-ielts-listening a:hover{color:var(--mks-purple-dark)}.mks-ielts-listening h1,.mks-ielts-listening h2,.mks-ielts-listening h3,.mks-ielts-listening h4{font-family:Poppins,Montserrat,Inter,Arial,sans-serif;color:var(--mks-ink);line-height:1.28;margin:0}.mks-ielts-listening h1{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800}.mks-ielts-listening h2{font-size:clamp(1.45rem,3vw,2rem);font-weight:750}.mks-ielts-listening h3{font-size:1.15rem;font-weight:750}.mks-ielts-listening h4{font-size:1rem;font-weight:750}.mks-ielts-listening p{margin:0 0 14px}.mks-ielts-listening ul,.mks-ielts-listening ol{margin:0;padding-left:22px}.mks-ielts-listening li{margin:7px 0}.mks-ielts-listening strong{color:var(--mks-ink)}.mks-ielts-listening .mks-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;margin-bottom:14px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mks-ielts-listening .mks-muted{color:var(--mks-muted)}.mks-ielts-listening .mks-text-purple{color:var(--mks-purple)}.mks-ielts-listening .mks-text-green{color:var(--mks-green)}.mks-ielts-listening .mks-text-red{color:var(--mks-red)}.mks-ielts-listening .mks-section{margin-top:34px}.mks-ielts-listening .mks-section-heading{margin-bottom:16px}.mks-ielts-listening .mks-section-heading p{margin:7px 0 0;color:var(--mks-muted)}.mks-ielts-listening .mks-card{background:var(--mks-surface);border:1px solid var(--mks-border);border-radius:var(--mks-radius);box-shadow:var(--mks-shadow);padding:22px}.mks-ielts-listening .mks-card+.mks-card{margin-top:16px}.mks-ielts-listening .mks-grid{display:grid;gap:18px}.mks-ielts-listening .mks-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mks-ielts-listening .mks-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mks-ielts-listening .mks-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mks-ielts-listening .mks-course-hero{position:relative;overflow:hidden;padding:clamp(28px,5vw,52px);border-radius:22px;background:linear-gradient(135deg,#5b12af 0%,#8222ee 58%,#a74eff 100%);color:#fff;box-shadow:0 16px 36px rgba(102,31,177,.28)}.mks-ielts-listening .mks-course-hero::after{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-100px;border-radius:50%;background:rgba(255,255,255,.12)}.mks-ielts-listening .mks-course-hero>*{position:relative;z-index:1}.mks-ielts-listening .mks-course-hero h1{color:#fff;max-width:760px}.mks-ielts-listening .mks-course-hero .mks-hero-text{max-width:760px;margin:14px 0 0;color:rgba(255,255,255,.92)}.mks-ielts-listening .mks-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mks-ielts-listening .mks-meta-pill{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.16);color:#fff;font-size:.88rem;font-weight:650}.mks-ielts-listening .mks-btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.mks-ielts-listening .mks-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:10px;font-size:.92rem;font-weight:750;transition:transform .18s ease , box-shadow .18s ease , background .18s ease}.mks-ielts-listening .mks-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(30,36,48,.13)}.mks-ielts-listening .mks-btn-primary{background:var(--mks-purple);color:#fff}.mks-ielts-listening .mks-btn-primary:hover{background:var(--mks-purple-dark);color:#fff}.mks-ielts-listening .mks-btn-light{background:#fff;color:var(--mks-purple-dark)}.mks-ielts-listening .mks-btn-outline{background:#fff;color:var(--mks-purple);border-color:var(--mks-purple)}.mks-ielts-listening .mks-progress-panel{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#fff;border:1px solid var(--mks-border);border-radius:14px;box-shadow:var(--mks-shadow)}.mks-ielts-listening .mks-progress-label{min-width:120px;font-size:.9rem;font-weight:800}.mks-ielts-listening .mks-progress-track{flex:1;min-width:100px;height:10px;overflow:hidden;background:#eaeef4;border-radius:999px}.mks-ielts-listening .mks-progress-fill{height:100%;background:linear-gradient(90deg,var(--mks-purple),#ab5dff);border-radius:inherit}.mks-ielts-listening .mks-progress-value{font-size:.9rem;font-weight:800;color:var(--mks-purple)}.mks-ielts-listening .mks-callout{padding:18px;border-left:5px solid var(--mks-blue);border-radius:12px;background:#eef6ff}.mks-ielts-listening .mks-callout h3{margin-bottom:8px}.mks-ielts-listening .mks-callout p:last-child{margin-bottom:0}.mks-ielts-listening .mks-callout-tip{border-left-color:var(--mks-green);background:var(--mks-green-soft)}.mks-ielts-listening .mks-callout-warning{border-left-color:var(--mks-orange);background:var(--mks-orange-soft)}.mks-ielts-listening .mks-callout-danger{border-left-color:var(--mks-red);background:var(--mks-red-soft)}.mks-ielts-listening .mks-callout-insight{border-left-color:var(--mks-purple);background:var(--mks-purple-soft)}.mks-ielts-listening .mks-lesson-list{display:grid;gap:12px}.mks-ielts-listening .mks-lesson-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;padding:17px;border:1px solid var(--mks-border);border-radius:14px;background:#fff;transition:transform .18s ease , box-shadow .18s ease , border-color .18s ease}.mks-ielts-listening .mks-lesson-card:hover{transform:translateY(-2px);border-color:#d2b5f5;box-shadow:var(--mks-shadow-hover)}.mks-ielts-listening .mks-lesson-number{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:var(--mks-purple-soft);color:var(--mks-purple-dark);font-size:.86rem;font-weight:850}.mks-ielts-listening .mks-lesson-card h3{margin-bottom:5px}.mks-ielts-listening .mks-lesson-card p{margin:0;color:var(--mks-muted);font-size:.94rem}.mks-ielts-listening .mks-lesson-tag{white-space:nowrap;padding:5px 9px;border-radius:999px;background:#f2f4f7;color:var(--mks-muted);font-size:.74rem;font-weight:750}.mks-ielts-listening .mks-feature-card{padding:20px}.mks-ielts-listening .mks-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:12px;border-radius:12px;background:var(--mks-purple-soft);color:var(--mks-purple);font-weight:850;font-size:1.1rem}.mks-ielts-listening .mks-feature-card p{margin:8px 0 0;color:var(--mks-muted)}.mks-ielts-listening .mks-stat-card{text-align:center;padding:20px 14px}.mks-ielts-listening .mks-stat-number{display:block;color:var(--mks-purple);font-size:1.85rem;font-weight:850;line-height:1}.mks-ielts-listening .mks-stat-label{display:block;margin-top:7px;color:var(--mks-muted);font-size:.85rem;font-weight:650}.mks-ielts-listening .mks-example{overflow:hidden;border:1px solid #d9c3f5;border-radius:14px;background:#fff}.mks-ielts-listening .mks-example-heading{padding:12px 16px;background:var(--mks-purple-soft);color:var(--mks-purple-dark);font-size:.92rem;font-weight:850}.mks-ielts-listening .mks-example-body{padding:18px}.mks-ielts-listening .mks-audio-script{padding:14px;border-radius:10px;background:#f8f9fb;border:1px dashed #cfd6e0;font-style:italic;color:#46505e}.mks-ielts-listening .mks-answer-reveal{margin-top:14px;padding:13px 14px;border-radius:10px;background:var(--mks-green-soft);color:#195b2a}.mks-ielts-listening .mks-table-wrap{overflow-x:auto;border:1px solid var(--mks-border);border-radius:14px;background:#fff}.mks-ielts-listening table{width:100%;border-collapse:collapse;min-width:650px}.mks-ielts-listening th,.mks-ielts-listening td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--mks-border);vertical-align:top}.mks-ielts-listening th{background:#f5f3fa;color:#43206b;font-size:.88rem;font-weight:850}.mks-ielts-listening tr:last-child td{border-bottom:0}.mks-ielts-listening td{font-size:.92rem}.mks-ielts-listening .mks-step-list{display:grid;gap:13px;counter-reset:mksStep}.mks-ielts-listening .mks-step{position:relative;padding:15px 16px 15px 61px;border:1px solid var(--mks-border);border-radius:13px;background:#fff}.mks-ielts-listening .mks-step::before{counter-increment:mksStep;content:counter(mksStep);position:absolute;left:16px;top:15px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--mks-purple);color:#fff;font-size:.84rem;font-weight:850}.mks-ielts-listening .mks-step h3{margin-bottom:4px}.mks-ielts-listening .mks-step p{margin:0;color:var(--mks-muted)}.mks-ielts-listening .mks-accordion{display:grid;gap:10px}.mks-ielts-listening .mks-accordion details{overflow:hidden;border:1px solid var(--mks-border);border-radius:12px;background:#fff}.mks-ielts-listening .mks-accordion summary{cursor:pointer;padding:15px 18px;list-style:none;font-weight:800}.mks-ielts-listening .mks-accordion summary::-webkit-details-marker{display:none}.mks-ielts-listening .mks-accordion summary::after{content:"+";float:right;color:var(--mks-purple);font-size:1.25rem;line-height:.85}.mks-ielts-listening .mks-accordion details[open] summary{border-bottom:1px solid var(--mks-border);background:#faf7ff}.mks-ielts-listening .mks-accordion details[open] summary::after{content:"–"}.mks-ielts-listening .mks-accordion .mks-accordion-content{padding:16px 18px}.mks-ielts-listening .mks-accordion .mks-accordion-content>*:last-child{margin-bottom:0}.mks-ielts-listening .mks-question{padding:20px;border:1px solid var(--mks-border);border-radius:14px;background:#fff}.mks-ielts-listening .mks-question+.mks-question{margin-top:14px}.mks-ielts-listening .mks-question-label{display:block;margin-bottom:8px;color:var(--mks-purple);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.mks-ielts-listening .mks-option{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:11px 12px;border:1px solid var(--mks-border);border-radius:10px;color:var(--mks-ink);cursor:pointer}.mks-ielts-listening .mks-option:hover{border-color:#c79df5;background:#fcfaff}.mks-ielts-listening .mks-option input{margin-top:4px;accent-color:var(--mks-purple)}.mks-ielts-listening .mks-transcript{padding:18px;border-radius:14px;background:#202632;color:#edf0f5}.mks-ielts-listening .mks-transcript h3{color:#fff;margin-bottom:10px}.mks-ielts-listening .mks-transcript p{color:#d9dde5}.mks-ielts-listening .mks-highlight{padding:1px 4px;border-radius:4px;background:#ffdf75;color:#342b08;font-weight:750}.mks-ielts-listening .mks-highlight-purple{background:#d9b8ff;color:#32105a}.mks-ielts-listening .mks-final-cta{padding:clamp(24px,4vw,38px);border-radius:18px;text-align:center;background:linear-gradient(135deg,#f4ebff,#f9f5ff);border:1px solid #dfc8fa}.mks-ielts-listening .mks-final-cta p{max-width:700px;margin:12px auto 0;color:var(--mks-muted)}.mks-ielts-listening .mks-final-cta .mks-btn-row{justify-content:center}.mks-ielts-listening .mks-divider{height:1px;margin:26px 0;background:var(--mks-border)}.mks-ielts-listening .mks-no-margin{margin:0!important}.mks-ielts-listening .mks-center{text-align:center}@media (max-width:820px){.mks-ielts-listening{padding:18px 12px 36px}.mks-ielts-listening .mks-grid-2,.mks-ielts-listening .mks-grid-3,.mks-ielts-listening .mks-grid-4{grid-template-columns:1fr}.mks-ielts-listening .mks-progress-panel{flex-wrap:wrap}.mks-ielts-listening .mks-progress-label{min-width:auto}}@media (max-width:560px){.mks-ielts-listening .mks-course-hero{border-radius:16px}.mks-ielts-listening .mks-card{padding:17px;border-radius:13px}.mks-ielts-listening .mks-lesson-card{grid-template-columns:auto 1fr}.mks-ielts-listening .mks-lesson-tag{grid-column:2;justify-self:start}.mks-ielts-listening .mks-btn{width:100%}.mks-ielts-listening .mks-btn-row{display:grid;grid-template-columns:1fr}}