/* Persistent task navigation and a single, explicit starting point. */
:root{--green:#32644f;--ink:#203e33;--muted:#758771;--line:#dfe5da;--paper:#fffefb;background:#f5f7f1;color:var(--ink)}
.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fcfdf9;border-right:1px solid #e1e7dc;display:flex;flex-direction:column;padding:36px 19px 20px;z-index:20;overflow-y:auto}.sidebar-brand{display:flex;gap:14px;align-items:center;padding:0 15px 36px}.sidebar-brand strong{font-size:28px;letter-spacing:4px;font-weight:650;line-height:1.4}.sidebar-brand p{font-size:11px;color:#86977b;letter-spacing:1.2px;margin-top:5px}.sidebar .mark{width:29px;height:39px;gap:4px}.sidebar .mark i{width:7px}.sidebar .mark i:nth-child(2){height:35px}.nav-group{margin-top:24px}.nav-group:first-child{margin-top:4px}.nav-group-label{font-size:11px;color:#94a28a;letter-spacing:1.6px;padding:0 16px;margin-bottom:13px}.nav-item{width:100%;display:flex;align-items:center;text-align:left;gap:13px;padding:15px 14px;margin-top:6px;position:relative;border-radius:7px;min-height:70px;color:#6e8263;transition:background .15s}.nav-item:hover{background:#f0f4e9}.nav-item.active{background:#e9f1e4;color:#346345;opacity:1}.nav-item.active:before{content:"";position:absolute;width:3px;height:28px;left:0;top:21px;background:#567e46;border-radius:3px}.nav-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.nav-item strong{display:block;font-size:15px;font-weight:500;letter-spacing:.4px}.nav-item small{display:block;font-size:11px;color:#95a487;margin-top:7px;font-weight:400;letter-spacing:.2px}.nav-item.active small{color:#799568}.nav-position{margin-left:auto;font-size:11px;color:#a2b396;align-self:center}.sidebar-bottom{margin-top:auto;padding-top:50px}.sidebar-bottom>button{display:flex;align-items:center;width:100%;gap:12px;padding:19px 12px;border-top:1px solid #e2e9dc;font-size:13px;text-align:left;color:#72915f}.sidebar-bottom small{display:block;font-size:10px;color:#9aaa8d;margin-top:6px}.assistant-glyph{font-size:29px;color:#72965d}.assistant-arrow{margin-left:auto;color:#95a887;font-size:16px}.sidebar-bottom>p{padding:12px 13px 0;font-size:10px;letter-spacing:1px;color:#acb79f}.workspace{margin-left:238px;min-height:100vh}.workspace-header{height:78px;border-bottom:1px solid #e2e8dc;display:flex;align-items:center;justify-content:space-between;padding:0 45px;gap:20px;background:#f7f9f3}.location{display:flex;align-items:center;gap:16px;font-size:13px;color:#6a8160}.location .slash{color:#b4c2a8;margin:0 11px}.location .sub-location{color:#96a68a}.course-label{font-size:11px;letter-spacing:.5px;color:#96a48a;display:flex;align-items:center;gap:13px}.course-label i{height:3px;width:3px;background:#b1bea7;border-radius:50%}.workspace>main{padding:32px 45px 34px;max-width:1320px;margin:auto}.workbar{min-height:45px;gap:20px}.workbar .subject{margin-left:auto;gap:13px}.subject select{font-size:14px;max-width:235px;padding:8px 25px 8px 3px;border-bottom-color:#cedac2}.subject label{font-size:11px;letter-spacing:.5px;color:#94a487}.section-eyebrow{font-size:12px;letter-spacing:1.1px;color:#819672;display:flex;align-items:center;gap:10px}.section-eyebrow:before{content:"";height:6px;width:6px;background:#88a773;border-radius:50%}.lesson-progress{display:flex;align-items:center;gap:13px;font-size:12px;color:#a1af93}.lesson-progress i{font-style:normal;color:#b8c5ab}.lesson-progress span.current{color:#5f7f4d}.lesson-progress span.done{color:#80936f}.entry-hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:15px;min-height:420px;margin-top:48px;border:1px solid #e0e8d6;border-radius:13px;padding:48px 38px;background:linear-gradient(118deg,#fffef9 30%,#f0f5e8 100%);overflow:hidden}.entry-copy{position:relative;z-index:1}.entry-badge{font-size:11px;color:#7e9c66;display:inline-flex;align-items:center;gap:8px;letter-spacing:1.1px;padding-bottom:21px}.entry-badge:before{content:"";width:15px;height:1px;background:#a5ba93}.entry-copy h1{font-size:39px;line-height:1.5;font-weight:600;letter-spacing:-1px;white-space:nowrap}.entry-copy h1 em{font-style:normal;color:#71935c}.entry-copy>p{font-size:15px;line-height:1.9;color:#869c73;margin-top:20px}.entry-copy .primary{margin-top:28px;min-width:160px;height:49px;font-size:14px;gap:25px}.entry-art{position:relative;min-width:0;height:290px;padding-top:25px}.entry-art:before{content:attr(data-code);font:italic 105px Georgia,serif;color:#dce6d1;position:absolute;top:-20px;right:10px;letter-spacing:-7px}.entry-art .price-chart{height:235px;position:relative;z-index:1}.entry-art .legend{font-size:11px;margin-top:4px;color:#93a580}.learning-path{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0 0;padding:26px 10px 0;border-top:1px solid #e1e8d9;gap:25px}.path-item{display:flex;align-items:center;gap:15px;position:relative}.path-number{font:italic 25px Georgia,serif;color:#a4b994}.path-item h2{font-size:15px;letter-spacing:.4px;font-weight:500;color:#627f4e}.path-item p{font-size:11px;color:#96a78a;margin-top:8px;line-height:1.8}.path-item:not(:last-child):after{content:"→";position:absolute;right:10px;color:#bfccb4;font-size:18px}.learn-heading{margin-top:35px}.learn-heading h1{font-size:30px;line-height:1.6}.learn-heading p{font-size:15px}.learning-stage{min-height:315px;margin-top:24px}.learning-stage.practice{min-height:310px}.price-chart{height:270px}.price{width:130px}.prices{gap:14px}.price b,.price input{font-size:28px}.stage-footer{margin-top:23px;max-width:none}.stage-note{color:#839973;font-size:12px}.lab-heading{margin:28px 0 24px}.lab-heading h1{font-size:29px}.lab-heading p{font-size:14px;line-height:1.8}.lab-layout{grid-template-columns:250px minmax(0,1fr);gap:22px}.settings{padding:22px;background:#fffefb;border-color:#dfe7d6}.chart-board{padding:24px;border-color:#dfe7d6;background:linear-gradient(155deg,#fbfcf6,#f1f5e9)}.chart-board .price-chart{height:265px}.chart-board-top{font-size:14px}.board-prompt{font-size:14px}.replay-layout{grid-template-columns:minmax(0,1fr) 270px;gap:23px}.replay-controls{padding:23px}.replay-controls h2{font-size:25px}.results td{padding:24px 12px}.record-page{max-width:1000px;margin:0 auto}.records-intro{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:23px;border-bottom:1px solid #dce6d3;gap:25px}.records-intro h1{font-size:30px;line-height:1.6;font-weight:550;margin:20px 0 11px}.records-intro p{font-size:14px;color:#8b9f79;line-height:1.8}.records-intro>span{font-size:12px;color:#9aac88;white-space:nowrap}.empty-records{min-height:360px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-records .nav-icon{width:44px;height:44px;stroke-width:1;color:#a7bc92;margin-bottom:26px}.empty-records h2{font-size:24px;font-weight:500;color:#739258;line-height:1.8}.empty-records p{font-size:14px;line-height:1.9;color:#94a780;margin-top:13px}.record-page .record{padding:24px 0}.record-page .record small{display:block;margin-top:10px}.storage-note{font-size:11px;color:#a0af91;margin-top:23px}#nav-toggle,#nav-close,#nav-backdrop{display:none}.replay-foot{font-size:12px}.entry-hero .primary{background:#37664a}.entry-hero .primary:hover{background:#457951}
@media(min-width:1600px){.sidebar{width:254px;padding-left:23px;padding-right:23px}.workspace{margin-left:254px}.workspace>main{padding:40px 58px}.workspace-header{padding:0 58px}.entry-hero{min-height:460px;padding:55px 46px}.entry-copy h1{font-size:43px}.entry-art{height:320px}.entry-art .price-chart{height:265px}}
@media(max-width:1250px){.sidebar{width:218px;padding:30px 14px 18px}.workspace{margin-left:218px}.workspace-header{padding:0 30px}.workspace>main{padding:28px 30px}.sidebar-brand{padding:0 13px 30px}.nav-item{padding:14px 12px;gap:11px}.nav-item strong{font-size:14px}.nav-item small{font-size:10px}.entry-hero{padding:35px 26px;margin-top:38px;min-height:395px}.entry-copy h1{font-size:32px;letter-spacing:-.6px}.entry-copy>p{font-size:13px}.entry-art:before{font-size:88px;right:10px}.entry-art .price-chart{height:220px}.learning-path{gap:16px}.path-item{gap:12px}.path-item h2{font-size:13px}.path-item p{font-size:10px}.path-item:not(:last-child):after{right:0}.learn-heading h1{font-size:28px}.lab-heading h1{font-size:26px}.lab-layout{grid-template-columns:220px minmax(0,1fr);gap:19px}.settings{padding:19px}.chart-board{padding:20px}.chart-board .price-chart{height:250px}.replay-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.replay-controls{padding:19px}.replay-controls h2{font-size:23px}.lesson-progress{font-size:11px;gap:9px}.price{width:118px}.price b,.price input{font-size:25px}.subject select{font-size:13px;max-width:210px}.subject label{font-size:10px}.prices{gap:10px}}
@media(max-width:950px){.sidebar{width:238px;transform:translateX(-100%);transition:transform .2s;background:#fcfdf9}.workspace{margin-left:0}.workspace-header{height:68px;padding:0 28px}.workspace>main{padding:27px 28px}.course-label{font-size:10px}.nav-open .sidebar{transform:translateX(0)}#nav-toggle{display:inline-flex;align-items:center;justify-content:center;font-size:21px;color:#678454;padding:7px}#nav-close{display:block;margin-left:auto;font-size:25px;color:#8ca17a}.sidebar-brand{gap:12px;padding-left:11px;padding-right:3px}.nav-open #nav-backdrop{display:block;position:fixed;inset:0;background:#2c45343b;z-index:19;backdrop-filter:blur(2px)}.entry-copy h1{font-size:35px}.entry-copy>p{font-size:14px}.entry-hero{min-height:400px;padding:40px 30px}.nav-item strong{font-size:15px}.nav-item small{font-size:11px}.subject{width:auto}.entry-art .price-chart{height:235px}.nav-item{padding:15px 14px;gap:13px}.lab-layout{grid-template-columns:240px minmax(0,1fr)}.replay-layout{grid-template-columns:minmax(0,1fr) 255px}}
@media(max-width:700px){.entry-hero{grid-template-columns:1fr;gap:8px;margin-top:26px;padding:29px 27px 22px}.entry-copy h1{font-size:35px}.entry-copy>p{font-size:14px;margin-top:15px}.entry-copy .primary{margin-top:22px}.entry-art{height:215px;padding-top:13px;margin-top:18px}.entry-art:before{font-size:90px;top:-13px;right:18px}.entry-art .price-chart{height:190px}.entry-art .legend{font-size:10px}.learning-path{gap:15px;padding:24px 0 0}.path-item{gap:9px;align-items:flex-start}.path-number{font-size:22px}.path-item h2{font-size:12px}.path-item p{font-size:10px;line-height:1.7;max-width:100px}.path-item:not(:last-child):after{display:none}.lab-layout,.replay-layout{grid-template-columns:1fr}.settings{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}.settings h2{grid-column:1/-1;margin-bottom:0}.replay-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}.replay-controls .reason,.replay-controls .replay-status{grid-column:1/-1}.subject{width:auto}.workbar{gap:15px}.lesson-progress{font-size:11px;gap:9px}.subject select{max-width:200px;font-size:13px}.workbar .subject{gap:10px}.workbar .subject label{display:none}.workbar:has(.lesson-progress){flex-wrap:wrap}.workbar:has(.lesson-progress) .subject{margin-left:auto}.learn-heading h1{font-size:27px}.learn-heading p{font-size:14px}.records-intro{align-items:flex-start;flex-direction:column;gap:15px}.records-intro h1{font-size:28px}.sidebar-bottom{padding-top:35px}}
@media(max-width:520px){.workspace-header{height:65px;padding:0 20px;gap:12px}.location{font-size:12px;gap:10px}.location .slash{margin:0 7px}.course-label{display:none}.workspace>main{padding:22px 20px 26px}.workbar{gap:10px;min-height:38px;flex-wrap:nowrap}.section-eyebrow{font-size:10px;gap:7px;letter-spacing:.5px;white-space:nowrap}.section-eyebrow:before{width:5px;height:5px}.workbar .subject{margin-left:auto;gap:0;width:auto}.subject select{font-size:12px;max-width:200px;padding:8px 16px 8px 0}.entry-hero{margin-top:21px;padding:26px 24px 18px;border-radius:10px}.entry-badge{font-size:10px;letter-spacing:.8px;padding-bottom:17px}.entry-copy h1{font-size:29px;letter-spacing:-.7px;line-height:1.55}.entry-copy>p{font-size:12px;margin-top:14px}.entry-copy .primary{height:45px;font-size:12px;min-width:145px;margin-top:22px}.entry-art{height:188px;margin-top:16px;padding-top:8px}.entry-art .price-chart{height:170px}.entry-art:before{font-size:80px;top:-15px;right:10px}.entry-art .legend{font-size:9px;gap:15px}.learning-path{gap:12px;margin-top:24px;padding-top:22px}.path-item{gap:7px}.path-number{font-size:19px}.path-item h2{font-size:11px;line-height:1.5}.path-item p{font-size:9px;line-height:1.9;max-width:75px;margin-top:6px}.learn-heading{margin-top:27px}.learn-heading h1{font-size:24px;line-height:1.65}.learn-heading p{font-size:13px}.lesson-progress{font-size:10px;gap:7px}.learning-stage{min-height:260px;margin-top:19px}.price-chart{height:225px}.learning-stage.practice{min-height:300px;padding-top:12px}.prices{gap:6px}.price{width:calc((100% - 24px)/5);padding:16px 2px}.price b,.price input{font-size:20px}.price span{font-size:10px}.stage-footer{margin-top:19px;gap:14px}.stage-note{font-size:11px}.lab-heading{margin:22px 0 21px}.lab-heading h1{font-size:24px}.lab-heading p{font-size:12px}.lab-layout,.replay-layout{gap:19px}.settings{padding:18px;gap:13px 16px}.chart-board{padding:18px 15px}.chart-board-top{font-size:12px}.chart-board .price-chart{height:235px}.board-prompt{font-size:12px}.replay-controls{padding:19px;gap:15px}.replay-controls h2{font-size:23px}.results td{padding:20px 5px;font-size:13px}.results th{font-size:10px}.record-page .record{padding:20px 0}.records-intro h1{font-size:26px;margin-top:14px}.records-intro p{font-size:12px}.records-intro>span{font-size:11px}.empty-records h2{font-size:21px}.empty-records p{font-size:12px}.storage-note{font-size:10px}}

@media(min-width:701px) and (max-width:950px){.settings,.replay-controls{display:block}.settings h2{margin-bottom:20px}.settings .field{margin-top:20px}.settings .costs{margin:20px 0}.settings .text-button{margin:15px auto 0}.replay-controls .reason{margin-top:20px}.replay-controls .order-button,.replay-controls .primary{margin-top:18px}.replay-controls .replay-value{margin-top:17px}}