/* Guided learning uses the existing light/dark color tokens. */
.sidebar{overflow-y:auto}
.course-continue{background:var(--solid);color:var(--on-solid);border-radius:22px;padding:34px 36px;display:grid;grid-template-columns:1fr 230px;gap:26px;margin:27px 0 20px}
.course-kicker{font-size:9px;letter-spacing:1.8px;color:#d1dfc6;font-weight:600}
.course-continue h2{font-size:30px;margin:13px 0 10px;letter-spacing:-.8px;line-height:1.25}
.course-continue p{color:#d4dfce;font-size:13px;max-width:490px;line-height:1.8;margin-bottom:22px}
.course-start-row{display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.course-start-row>span{color:#ccdac7;font-size:10px}
.course-continue .course-resume{font-size:10px;margin:17px 0 0;color:#c8d9be}
.course-continue-art{align-self:center;display:flex;gap:8px;align-items:center;justify-content:center;position:relative;padding-bottom:40px}
.course-continue-art>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #87a77a;font-size:17px;color:#dceacb;background:#ffffff08}
.course-continue-art>span:first-child{background:var(--lime);color:var(--on-lime);border-color:var(--lime)}
.course-continue-art i{height:1px;background:#9bbd7c;width:20px}
.course-continue-art small{position:absolute;bottom:0;font-size:7px;letter-spacing:1.1px;white-space:nowrap;color:#c2d4b4}
.course-overview{display:flex;align-items:center;gap:18px;font-size:10px;color:var(--muted);margin:22px 0 37px}
.course-overview .progress-bar{flex:1;max-width:240px}
.course-overview b{font-size:15px;color:var(--ink);font-weight:600}
.course-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:26px;align-items:start}
.course-chapter-heading .eyebrow{font-size:9px;margin-bottom:7px;display:block}
.course-chapter-heading h2{font-size:21px;margin-bottom:6px}
.course-chapter-heading p{font-size:12px;color:var(--muted);margin-bottom:24px}
.course-path{list-style:none;padding:0;margin:0}
.course-path-item{display:flex;align-items:center;gap:16px;padding:19px 17px;background:var(--white);border:1px solid var(--line);border-radius:14px;position:relative;margin-bottom:13px}
.course-path-item::after{content:'';position:absolute;left:39px;top:100%;height:14px;border-left:2px solid var(--line)}
.course-path-item:last-child::after{display:none}
.course-path-item>div{flex:1;min-width:0}
.course-path-item h3{font-size:13px;margin:0 0 5px;line-height:1.5}
.course-path-item p{font-size:10px;color:var(--muted);margin:0}
.course-path-item:not(.current):not(.done){background:transparent}
.course-path-item:not(.current):not(.done) h3{color:var(--muted);font-weight:500}
.course-node{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font-size:12px;color:var(--muted);flex-shrink:0}
.course-path-item.current{border-color:#88a86b;box-shadow:0 0 0 2px #88a86b12}
.course-path-item.current .course-node,.course-path-item.done .course-node{background:var(--lime);color:var(--on-lime);border-color:var(--lime)}
.course-path-item.current .btn{min-height:37px;padding:9px 15px;font-size:11px}
.course-guide{border:1px solid var(--line);background:var(--white);border-radius:17px;padding:24px;margin-top:3px}
.course-guide>.eyebrow{font-size:8px;line-height:1.8;display:block}
.course-guide h3{font:27px/1.2 Georgia,serif;margin-bottom:18px}
.course-guide p{font-size:12px;color:var(--muted);line-height:1.8}
.course-review-box{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}
.course-review-box>b{font-size:12px}
.course-review-box p{font-size:11px;margin:9px 0 16px}
.course-next-chapters{margin-top:34px}
.course-next-chapters>h2{font-size:17px}
.course-chapter-preview{padding:17px 20px}
.course-chapter-preview>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}
.course-chapter-preview>summary small{font-size:10px;font-weight:400;color:var(--muted)}
.course-chapter-preview>.course-path{padding-top:10px}
.course-review-intro{text-align:center;padding:45px 30px}
.course-review-intro>p{max-width:520px;margin:auto;color:var(--muted);font-size:14px;line-height:1.9}
.course-symbol{display:grid;place-items:center;margin:0 auto 24px;font-size:35px;width:70px;height:70px;border:1px solid var(--line);border-radius:50%;color:var(--accent)}
.course-lesson{max-width:900px;margin:0 auto}
.course-lesson-top{display:flex;align-items:center;gap:20px;font-size:11px;color:var(--muted);margin-bottom:20px}
.course-lesson-top>span:nth-child(2){flex:1}
.course-lesson-top>span:last-child{white-space:nowrap}
.course-lesson-progress{height:7px;margin-bottom:31px}
.course-phase{display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.2px;margin-bottom:15px;color:var(--accent)}
.course-phase>span{width:28px;height:28px;background:var(--light);border-radius:8px;display:grid;place-items:center}
.course-phase svg{width:15px;height:15px}
.course-lesson-card{border:1px solid var(--line);background:var(--white);border-radius:21px;padding:38px}
.course-explanation :is(h1,h2){font-size:28px;line-height:1.35;margin-bottom:19px;letter-spacing:-.65px}
.course-explanation>p{font-size:16px;line-height:1.95;margin-bottom:25px;max-width:690px}
.course-examples{border:1px solid var(--line);border-radius:13px;overflow:hidden}
.course-example{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;gap:20px;background:var(--paper);border-bottom:1px solid var(--line)}
.course-example:last-child{border:0}
.course-example strong{font-weight:500;font-size:20px;line-height:1.5;display:block}
.course-example span{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.65}
.course-example .icon-btn{flex-shrink:0;width:35px;height:35px}
.course-teacher-note{display:flex;gap:12px;margin-top:23px;padding:16px 18px;background:var(--light);border-radius:10px;align-items:start}
.course-teacher-note>svg{width:17px;height:17px;flex-shrink:0;margin-top:4px;color:var(--accent)}
.course-teacher-note p{margin:0;font-size:12px;line-height:1.9;color:var(--muted)}
.course-lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}
.course-lesson-actions>.tiny{max-width:310px;line-height:1.9}
.course-autosave{text-align:center;color:var(--muted);font-size:10px;line-height:1.8;margin:19px 0}
.course-task-label{font-size:9px;letter-spacing:1.7px;color:var(--muted)}
.course-question{font-size:27px;line-height:1.7;letter-spacing:-.5px;font-weight:500;margin:18px 0 13px}
.course-task-translation{color:var(--muted);font-size:13px;line-height:1.85;white-space:pre-line}
.course-options{grid-template-columns:1fr;margin-top:25px}
.course-options .option{font-size:15px;line-height:1.7;padding:16px 20px}
.course-options .key{flex-shrink:0}
.course-inline-rule{margin:25px 0 0}
.course-explanation.compact{padding-top:21px}
.course-explanation.compact h2{font-size:20px}
.course-explanation.compact>p{font-size:13px;color:var(--ink)}
.course-explanation.compact .course-example strong{font-size:16px}
.course-feedback{font-size:13px;padding:22px;line-height:1.9}
.course-feedback .answer{font-size:19px;line-height:1.7}
.course-result{max-width:700px;text-align:center;margin:20px auto}
.course-result-star{width:75px;height:75px;background:var(--lime);color:var(--on-lime);border-radius:50%;display:grid;place-items:center;margin:0 auto 27px}
.course-result-star>svg{width:32px;height:32px}
.course-result>.eyebrow{display:block;margin-bottom:14px}
.course-result h1{font-size:31px;line-height:1.4;margin-bottom:15px}
.course-result>p{font-size:14px;line-height:1.9;color:var(--muted)}
.course-result-note{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--white);text-align:left;margin:28px 0}
.course-result-note b{font-size:11px;color:var(--accent)}
.course-result-note p{font-size:19px;line-height:1.7;margin:9px 0 17px}
.course-result-note>span{font-size:12px;line-height:1.9;color:var(--muted);display:block}
.course-result>.course-next-hint{font-size:11px;margin-top:23px}
.course-progress-summary{display:flex;align-items:center;justify-content:space-between;gap:22px}
.course-progress-summary p{font-size:12px;line-height:1.8;color:var(--muted)}
.course-progress-summary h2{font-size:23px}
.course-library-return{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 23px;background:var(--light);border-radius:13px}
.course-library-return p{font-size:13px;margin:0;line-height:1.8}
.course-library-link>svg{width:24px;height:24px;color:var(--accent);margin-bottom:17px}
.course-library-link>span{font-size:11px;color:var(--accent)}
.course-library-link:hover{border-color:#88a86b}
@media(max-width:1150px){.course-map-layout{grid-template-columns:minmax(0,1fr) 220px;gap:19px}.course-continue{grid-template-columns:1fr 185px;padding:30px}.course-continue-art{gap:5px}.course-continue-art i{width:15px}.course-continue-art small{font-size:6px}.course-guide{padding:21px}.course-path-item{padding:17px 13px;gap:12px}.course-path-item::after{left:34px}.course-lesson-card{padding:30px}}
@media(max-width:950px){.course-map-layout{grid-template-columns:1fr}.course-guide{display:none}.course-continue{grid-template-columns:1fr}.course-continue-art{display:none}.course-progress-summary{align-items:start;flex-direction:column}}
@media(max-width:720px){.course-continue{padding:25px 23px;border-radius:18px;margin-top:22px}.course-continue h2{font-size:27px}.course-continue p{font-size:13px}.course-start-row{gap:13px}.course-overview{gap:12px;font-size:9px;flex-wrap:wrap;margin-bottom:29px}.course-overview .progress-bar{min-width:70px}.course-overview>b{font-size:13px}.course-chapter-heading h2{font-size:21px}.course-path-item{gap:11px;padding:17px 12px;flex-wrap:wrap}.course-node{width:33px;height:33px;font-size:11px}.course-path-item::after{left:28px}.course-path-item h3{font-size:12px}.course-path-item p{font-size:9px}.course-path-item>.btn{font-size:9px;padding:8px 10px;min-height:34px}.course-path-item.current .btn{font-size:10px;padding:8px 11px;min-height:34px}.course-path-item>div{min-width:110px}.course-chapter-preview>summary{font-size:11px;flex-wrap:wrap;gap:5px}.course-chapter-preview{padding:16px}.course-chapter-preview>summary small{font-size:9px}.course-lesson-top{font-size:9px;gap:12px;flex-wrap:wrap}.course-lesson-top>span:nth-child(2){min-width:100px}.course-lesson-card{padding:26px 21px;border-radius:17px}.course-explanation :is(h1,h2){font-size:24px}.course-explanation>p{font-size:15px;line-height:1.95}.course-example{padding:17px 15px;gap:12px}.course-example strong{font-size:18px}.course-example span{font-size:11px}.course-teacher-note{padding:14px;gap:9px}.course-teacher-note p{font-size:11px}.course-lesson-actions{flex-direction:column;align-items:stretch;gap:15px;margin-top:23px}.course-lesson-actions>.tiny{max-width:none;font-size:10px}.course-lesson-actions>span:empty{display:none}.course-question{font-size:23px}.course-options .option{font-size:14px;padding:14px}.course-task-translation{font-size:12px}.course-feedback{padding:18px;font-size:12px}.course-inline-rule{padding:15px}.course-explanation.compact h2{font-size:20px}.course-result{margin-top:8px}.course-result h1{font-size:28px}.course-result-note{padding:21px}.course-result-note p{font-size:17px}.course-result .button-row>.btn{width:100%}.course-review-intro{padding:35px 23px}.course-review-intro h2{font-size:23px}.course-review-intro>p{font-size:13px}.course-library-return{flex-direction:column;align-items:stretch;padding:20px}.course-library-return p{font-size:12px}.course-explanation.compact .course-example strong{font-size:15px}}