.course-shell{max-width:1240px;margin:auto;padding:0 36px}.course-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding:64px 0}.course-intro h1{font:400 clamp(40px,4.5vw,65px)/1.12 Georgia;letter-spacing:-1.5px;margin-bottom:25px}.course-intro h1 em{font-weight:400;color:var(--gold)}.course-intro .lead{font-size:21px}.course-intro>div>p:not(.eyebrow){color:var(--muted)}.course-outline{background:#f3ecdd;color:#173039;border-radius:20px;padding:30px}.course-outline .eyebrow{color:#75511a}.course-outline h2{font-size:29px}.course-outline ol{padding-left:24px}.course-outline li{padding:0 0 15px 8px}.course-outline li strong,.course-outline li span{display:block}.course-outline li span{font-size:13px;line-height:1.7;margin-top:4px}.course-outline .fine{color:#426168;border-top:1px solid #9ba7a0;padding-top:18px;margin-bottom:0}.lesson-section{border-top:1px solid var(--line);padding:45px 0;scroll-margin-top:20px}.lesson-section h2{font-size:36px}.lesson-outcome{max-width:850px;color:var(--muted)}.lesson-route{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.lesson-route span{font-size:12px;color:var(--mint);border:1px solid var(--line);padding:8px 12px;border-radius:6px}.video-shell{background:#142e37;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:25px 0 12px}.video-shell video{display:block;width:100%;aspect-ratio:16/9}.lesson-transcript{border:1px solid var(--line);border-radius:9px;padding:18px 22px;margin:24px 0}.lesson-transcript summary{cursor:pointer;font-weight:650}.lesson-transcript h3{margin-top:25px}.lesson-transcript p{color:var(--muted);max-width:850px}.lesson-principles,.course-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:35px 0 0}.lesson-principles p{font-size:14px;color:var(--muted)}.course-records article{background:#f3ecdd;color:#173039;border:1px solid #9ca99f;border-radius:12px;padding:24px}.course-records .eyebrow{color:#75511a}.course-records p:last-child{font-size:14px;margin-bottom:0}.customer-brief{font:27px/1.6 Georgia;color:var(--gold);border-left:3px solid var(--mint);padding-left:24px;margin:28px 0}.exercise-panel{max-width:950px}.exercise-panel textarea,#transfer-task textarea{max-width:950px}.review-example{background:#20413f;border:1px solid #81b7a2;border-radius:12px;padding:24px;margin:25px 0}.review-example blockquote{font:21px/1.8 Georgia;margin:0}.explanation-list{padding-left:22px}.explanation-list li{margin-bottom:14px;color:var(--muted)}.course-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.course-comparison article{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.course-comparison p{white-space:pre-wrap;overflow-wrap:anywhere}.next-lesson-link{display:inline-block;margin-top:25px;min-height:44px}.transfer-record{background:var(--surface);padding:25px;border:1px solid var(--line);border-radius:12px}.transfer-record p:last-child{margin-bottom:0}.course-next{display:flex;align-items:center;gap:40px;justify-content:space-between;border-top:1px solid var(--line);padding:40px 0}.course-next>div{max-width:750px}.course-next .primary{flex:none}.course-invitation{border-block:1px solid var(--line);padding:30px 0;margin-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.course-invitation h2{font-size:28px;margin-bottom:10px}.course-invitation p:last-child{margin-bottom:0}.course-invitation a{flex:none}#review-title:focus,#transfer-review-title:focus{outline:2px solid var(--gold);outline-offset:6px}#sample-finish-status{margin-top:20px;color:var(--mint)}@media(max-width:800px){.course-shell{padding:0 20px}.course-intro{grid-template-columns:1fr;gap:30px;padding:35px 0}.course-intro h1{font-size:43px}.course-outline{padding:24px}.lesson-section{padding:32px 0}.lesson-section h2{font-size:30px}.lesson-principles,.course-records,.course-comparison{grid-template-columns:1fr}.course-principles{gap:15px}.customer-brief{font-size:23px;margin-inline:0}.course-next,.course-invitation{display:block}.course-next .primary,.course-invitation a{margin-top:18px}.lesson-route{gap:6px}.lesson-route span{font-size:11px}.review-example{padding:20px}.review-example blockquote{font-size:19px}}
.lesson-reader{background:#173b3c;border:1px solid #81b7a2;border-radius:16px;padding:28px;margin:28px 0}.reader-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.reader-heading h3{font:400 29px/1.3 Georgia;margin-bottom:20px}.reader-heading>.fine{flex:none}.reader-settings{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px}.reader-settings label,.reader-jump{display:block;font-size:13px;font-weight:650}.reader-settings select,.reader-jump select{display:block;width:100%;max-width:100%;min-height:48px;background:#102831;color:var(--ink);border:1px solid #7d9aa1;border-radius:8px;padding:10px;font-size:15px;margin-top:8px}.reader-scene{border-left:3px solid var(--gold);background:#0b1c2355;padding:20px 24px;margin:24px 0}.reader-scene h3{font:400 25px/1.45 Georgia}.reader-scene p:last-child{font-size:16px;line-height:1.9;margin-bottom:0}.reader-controls,.reader-section-navigation{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.reader-jump{margin:20px 0}.reader-jump select{text-overflow:ellipsis}.lesson-reader>.fine:last-child{margin-bottom:0}.lesson-reader select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.lesson-reader[data-state=reading] .reader-scene{border-left-color:var(--mint)}@media(max-width:800px){.lesson-reader{padding:20px}.reader-heading{display:block}.reader-settings{grid-template-columns:1fr}.reader-scene{padding:16px}.reader-scene h3{font-size:22px}.reader-controls>button{flex:1}.reader-controls>.primary{flex-basis:100%}.reader-section-navigation>button{flex:1}}
