.course-intro{display:flex;gap:24px;align-items:flex-start;background:#f5efff;border-radius:24px;padding:28px;margin-bottom:32px}.course-intro img{border-radius:50%}.course-syllabus{padding:0;list-style:none}.course-syllabus li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #e9def4}.course-syllabus p{margin:8px 0 0}.course-syllabus a{font-size:1.1rem;font-weight:700}.course-soon{display:inline-block;margin-left:12px;color:#75647f;font-size:.85rem}.course-player{padding:32px;background:white;border:1px solid #e4d6f5;border-radius:24px;box-shadow:0 12px 40px #5428810b;margin:28px 0}.course-player audio{display:block;width:100%;margin:20px 0}.course-player fieldset{border:0;padding:0;margin:20px 0}.course-player legend{margin-bottom:14px}.course-option{display:block;padding:16px;border:1px solid #e5daf3;border-radius:14px;margin:10px 0;cursor:pointer}.course-option:has(input:checked){background:#f3eaff;border-color:#9460e9}.course-player input[name=answer]{display:block;width:100%;box-sizing:border-box;padding:16px;border:2px solid #dbc8ee;border-radius:14px;margin:12px 0 20px;font:inherit}.course-sentence{font-size:clamp(21px,3vw,30px);line-height:1.6;color:#492079;overflow-wrap:anywhere}.course-feedback{margin:24px 0;background:#f1eaff;border-left:4px solid #8c4ee3;padding:20px;border-radius:12px}.course-feedback p[lang=en]{font-size:1.3rem;font-weight:700}.course-draft{padding:12px 18px;background:#fff3dc;color:#704600;border-radius:12px}.course-player button:focus-visible,.course-player input:focus-visible{outline:3px solid #783ac7;outline-offset:4px}.course-player [hidden]{display:none}.course-entry p{max-width:650px}@media(max-width:560px){.course-intro{padding:20px;gap:16px;flex-direction:column}.course-player{padding:20px 16px}.course-syllabus li{gap:12px}.course-player .primary{width:100%;margin-top:12px}}
/* Scoped typography and layout: shared site styles must not collapse lesson spacing. */
.courses-page .info-page{max-width:1060px}.courses-page p{line-height:1.65;margin:0 0 18px}.courses-page h2{line-height:1.25;margin:0 0 18px}.courses-page h3{line-height:1.35;margin:0 0 12px}.courses-page .info-heading h1{line-height:1.12}.course-intro{padding:32px}.course-intro h2{font-size:clamp(25px,3vw,34px)}.course-intro .primary{display:inline-flex;margin:6px 0 10px}.course-intro .course-facts{font-size:14px;color:#6c527e}.course-roadmap>h2{margin-top:32px}.course-route{margin:32px 0 40px}.course-route-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.course-route-heading>span{background:#eadcff;color:#773eb4;border-radius:12px;padding:10px;font-size:18px;font-weight:750;flex:none}.course-route-heading h3{font-size:24px}.course-route-heading p{color:#766080;margin:0}.course-card{display:flex;flex-direction:column;cursor:default}.course-card h3{font-size:22px;margin-top:14px}.course-card-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:auto;padding-top:12px}.course-card-actions .primary,.course-lesson-start{min-height:48px;padding:12px 20px;font-size:15px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center}.course-program-link{color:#7740ad;text-decoration:underline;text-underline-offset:4px;font-weight:650;font-size:14px}.course-course-start{margin-bottom:30px}.course-course-start>.primary{display:inline-flex;margin:4px 0 8px}.course-module{border:1px solid #e7dcf3;border-radius:18px;margin:16px 0;overflow:hidden}.course-module>summary{padding:20px;cursor:pointer;font-weight:750;background:#f8f3ff;line-height:1.5}.course-module>summary>span{display:block;margin:5px 0 0;font-size:14px;font-weight:400;color:#735886}.course-module .course-syllabus{margin:0;padding:0 20px}.course-syllabus li:last-child{border-bottom:0}.course-lesson-number{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;background:#f1e7fd;color:#8250bb;font-weight:750;border-radius:14px}.course-lesson-copy{min-width:0;flex:1}.course-lesson-copy h3{font-size:19px;margin:7px 0 10px}.course-lesson-copy p{margin:0 0 16px;font-size:15px}.course-level{font-size:12px;font-weight:750;color:#7e51ae}.course-lesson-copy .course-soon{margin:0;font-size:13px}.course-method{padding-left:24px;line-height:1.65}.course-method li{margin:12px 0}.course-preparation h2{margin-top:14px}.course-preparation h3{margin-top:24px}.course-prerequisites{color:#756180}.course-lesson-map{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.course-lesson-map span{font-size:13px;padding:10px 14px;border-radius:12px;background:#f3eaff;color:#69438c}.course-steps{display:flex;list-style:none;margin:0 0 28px;padding:0;gap:10px}.course-steps li{display:flex;gap:8px;align-items:center;flex:1;font-size:13px;padding:12px 10px;border-radius:12px;background:#f6f2fa;color:#806d91;line-height:1.4}.course-steps li[aria-current]{background:#eaddff;color:#5a258f;font-weight:750}.course-steps li.is-done{background:#edf5ed;color:#3e7040}.course-steps li>span{font-weight:750}.course-player h2[tabindex="-1"]:focus{outline:none}.course-player{scroll-margin-top:24px}.course-player .label-row{margin-bottom:24px}.course-player .course-instruction{font-size:15px;color:#715d82;margin-bottom:24px}.course-audio{display:flex;align-items:center;flex-wrap:wrap;gap:16px;background:#f6efff;border-radius:18px;padding:18px;margin:24px 0}.course-audio .secondary{min-height:48px;padding:12px 18px;font-size:15px}.course-audio [data-audio-status]{font-size:13px;color:#765b8c;line-height:1.5}.course-audio audio{display:none}.course-player .course-option{display:flex;align-items:flex-start;gap:12px;line-height:1.55}.course-option input{margin-top:6px;accent-color:#9259db;flex:none}.course-option input:focus-visible{outline:2px solid #7033be;outline-offset:3px}.course-player fieldset{margin:24px 0}.course-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}.course-player .course-feedback p{margin:12px 0;line-height:1.6}.course-feedback .course-explanation{font-size:15px;border-top:1px solid #dac6f1;padding-top:14px}.course-player [data-next]{margin-top:6px}.course-player [data-storage]:empty,.course-intro #courses-progress:empty{display:none}.course-blank{white-space:nowrap}.course-bottom-nav{display:flex;justify-content:space-between;gap:20px;margin:24px 0}.courses-page [hidden]{display:none!important}@media(max-width:620px){.course-steps{gap:6px}.course-steps li{padding:10px 7px;font-size:11px;display:block}.course-steps li>span{display:block;margin-bottom:4px}.course-route-heading h3{font-size:20px}.course-module>summary{padding:16px}.course-module .course-syllabus{padding:0 14px}.course-lesson-number{flex-basis:32px;width:32px;height:36px;font-size:13px}.course-lesson-copy .course-lesson-start{width:100%}.course-form-actions{gap:12px}.course-form-actions .text-btn{padding:10px 0}.course-card-actions{align-items:stretch;flex-direction:column}.course-card-actions .primary{width:100%}.course-intro{padding:22px}.course-audio{padding:14px}.course-player .label-row{gap:8px}.course-player .label-row .text-btn{white-space:normal}}
.course-audio [data-replay]{background:#8750d0;color:#fff;border:1px solid #8750d0;font-weight:700;box-shadow:0 4px 12px #7135b622}.course-audio [data-replay]:hover{background:#7138bc}
.course-transcript{margin-top:28px}.course-transcript summary{cursor:pointer;font-weight:700;line-height:1.5}.course-transcript>p{margin-top:18px}.course-transcript li{padding:16px 0;border-bottom:1px solid #eadff4}.course-transcript li p{margin:0 0 8px}.course-transcript li p[lang=en]{font-weight:650;color:#492079}.course-transcript ol{padding-left:24px}.course-related{margin-top:28px}.course-bottom-nav{flex-wrap:wrap}.course-bottom-nav a{line-height:1.5}.course-player,.course-preparation,.course-transcript{overflow-wrap:anywhere}

/* Clear entry points for learners who already know the basics. */
.course-intro>div{width:100%;min-width:0}.course-intro .course-level-heading{margin:26px 0 10px;font-size:21px}.course-intro .course-level-help{font-size:15px;color:#584369;margin-bottom:18px}.course-level-starts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.course-intro .course-level-starts .primary{margin:0;min-height:54px;padding:14px 10px;font-size:15px;justify-content:center;white-space:nowrap;border-radius:14px}.course-level-starts a:focus-visible{outline:3px solid #6835ad;outline-offset:4px}
.course-module>summary>span{margin-top:10px;font-size:21px;font-weight:700;line-height:1.45;color:#442168}.course-module>summary:hover{background:#f0e5ff}.course-module>summary:focus-visible{outline:3px solid #8550cc;outline-offset:-4px}
@media(max-width:900px){.course-level-starts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.course-level-starts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.course-module>summary>span{font-size:19px}.course-intro .course-level-starts .primary{font-size:14px}}

/* A calm, continuous path: each stage keeps its courses together. */
.course-roadmap>p{max-width:680px;color:#645271;font-size:17px}
.course-route{--stage-bg:#f3ecff;--stage-ink:#7440b1;margin:26px 0;border:1px solid #e5dbee;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 8px 30px #43236c06}
.course-route-02{--stage-bg:#fff3e6;--stage-ink:#92501c}
.course-route-03{--stage-bg:#eaf6f1;--stage-ink:#326c56}
.course-route-heading{align-items:center;padding:26px 28px;margin:0;background:var(--stage-bg);gap:20px}
.course-route-heading>span{display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:18px;background:#ffffffbc;color:var(--stage-ink);font-size:22px}
.course-route-heading h3{margin:0 0 6px;font-size:25px;letter-spacing:-.4px;color:#2a1c3c}
.course-route-heading p{font-size:15px;line-height:1.55;color:#5d4d68;max-width:700px}
.course-route-list{padding:0 28px}
.course-route-list .course-card{display:grid;grid-template-columns:minmax(0,1fr) 174px;gap:30px;align-items:center;padding:26px 0;border-bottom:1px solid #eee7f4}
.course-route-list .course-card:last-child{border-bottom:0}
.course-card-copy{min-width:0}.course-card-meta{display:flex;align-items:center;gap:12px;color:#746282;font-size:13px;margin-bottom:10px}
.course-card-meta>span:first-child{background:var(--stage-bg);color:var(--stage-ink);padding:4px 9px;border-radius:8px;font-weight:700}
.course-card h4{font-size:21px;line-height:1.35;letter-spacing:-.2px;color:#271835;margin:0 0 8px}
.course-card-copy p{font-size:15px;line-height:1.65;color:#685975;margin:0;max-width:600px}
.course-route-list .course-card-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:0}
.course-card-actions .primary{gap:12px;min-height:46px;padding:12px 16px;font-size:14px;box-sizing:border-box}
.course-card-actions .course-program-link{text-align:center;font-size:14px;font-weight:500;color:#744299;text-underline-offset:4px}
.course-player .label-row{flex-wrap:wrap}.course-player [data-sounds]{font-size:13px;min-height:40px;padding:8px 12px;border:1px solid #eadcf6;border-radius:12px;background:#faf7fe}
@media(max-width:620px){.course-route{border-radius:22px;margin:20px 0}.course-route-heading{padding:22px 18px;align-items:flex-start;gap:12px}.course-route-heading>span{width:40px;height:40px;border-radius:13px;font-size:18px}.course-route-heading h3{font-size:21px}.course-route-heading p{font-size:14px}.course-route-list{padding:0 20px}.course-route-list .course-card{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 0}.course-card h4{font-size:20px}.course-route-list .course-card-actions{flex-direction:row;align-items:center;gap:18px}.course-route-list .course-card-actions .primary{width:auto;flex:1;max-width:220px}.course-card-actions .course-program-link{white-space:nowrap}.course-roadmap>p{font-size:16px}}