:root{--ink:#20231f;--muted:#7d8178;--paper:#f5f3ed;--white:#fffefa;--line:#e7e4dc;--green:#315e45;--green2:#e7efe8;--orange:#d98255;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',sans-serif;--display:'Manrope','DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}.topbar{height:76px;background:#fbfaf6;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5.3%;gap:72px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:800 21px var(--display);letter-spacing:-1.1px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;background:var(--green);color:#fff;border-radius:9px 9px 9px 2px;font:700 17px var(--serif);letter-spacing:0}.brand-dot{color:var(--orange)}.top-nav{height:100%;display:flex;gap:32px;align-items:center}.top-nav a{height:100%;display:grid;align-items:center;position:relative;color:#777a73;text-decoration:none;font-size:13px}.top-nav a.active{color:var(--ink);font-weight:600}.top-nav a.active:after{content:'';position:absolute;height:2px;background:var(--green);bottom:0;left:0;right:0}.top-right{margin-left:auto;display:flex;gap:22px;align-items:center;color:#696e66;font-size:12px}.streak span:first-child{color:var(--orange);font-size:16px}.avatar{border:0;background:#e6d6c4;color:#5d4934;border-radius:50%;width:32px;height:32px;font-weight:700}.layout{max-width:1280px;margin:0 auto;padding:50px 38px 100px;display:grid;grid-template-columns:210px minmax(0,820px);gap:72px;justify-content:center}.sidebar{padding-top:9px}.sidebar-label{font-size:9px;letter-spacing:1.35px;font-weight:700;color:#999b93;margin:0 0 16px 11px}.side-link{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;text-align:left;padding:12px 11px;margin-bottom:3px;border-radius:7px;font:500 12px var(--sans);color:#656b63;cursor:pointer}.side-link.selected{background:#e9ece5;color:var(--green);font-weight:700}.side-icon{font-size:17px;width:18px;text-align:center}.side-count{margin-left:auto;color:#9a9d95;font-size:11px}.sidebar-rule{height:1px;background:var(--line);margin:22px 0 23px}.goal-card{background:#eeece5;border-radius:8px;padding:14px 13px}.goal-row{display:flex;justify-content:space-between;font-size:10px;font-weight:600}.goal-row span:last-child{color:#777a72}.progress-track,.lesson-track{height:4px;background:#d8d8cf;border-radius:6px;overflow:hidden;margin-top:12px}.progress-track>div,.lesson-track>div{height:100%;width:0;background:var(--green);border-radius:6px;transition:width .3s}.goal-foot{font-size:10px;color:#85877f;margin-top:10px}.sidebar-note{margin-top:34px;display:flex;align-items:flex-start;gap:12px;padding:0 10px;color:#73776d}.note-spark{font-size:20px;color:#cb8059}.sidebar-note p{font:italic 14px/1.55 var(--serif);margin:2px 0}.sidebar-note strong{color:var(--ink)}.content{min-width:0}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font-size:9px;font-weight:700;letter-spacing:1.55px}.eyebrow-line{height:1px;width:22px;background:var(--green)}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;margin:21px 0 35px;gap:20px}h1{font:700 clamp(39px,5vw,56px)/1.06 var(--display);letter-spacing:-2.8px;margin:0;color:#262923}h1 em,h2 em{font:italic 400 1em var(--serif);letter-spacing:-2px;color:var(--green)}.intro{font-size:13px;color:#777a72;margin:13px 0 0}.level-picker{flex-shrink:0;margin-bottom:4px}.level-picker>span{font-size:8px;letter-spacing:1.25px;color:#96988f;font-weight:700}.level-tabs{display:flex;background:#ebe9e2;padding:3px;border-radius:6px;margin-top:7px}.level-tab{background:none;border:0;padding:8px 10px;border-radius:4px;font:600 10px var(--sans);color:#82847d;cursor:pointer}.level-tab.active{background:var(--white);color:var(--green);box-shadow:0 1px 3px #0000000b}.lesson-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.lesson-tag{display:flex;align-items:center;gap:7px;color:var(--green);font-size:9px;letter-spacing:1.15px;font-weight:700}.tag-dot{width:6px;height:6px;background:var(--orange);border-radius:50%}.lesson-number{font-size:9px;letter-spacing:1px;color:#92948c;font-weight:600}.lesson-number span{padding:0 6px;color:#c6c4bb}.exercise-card{background:var(--white);border:1px solid #eae8e0;border-radius:10px;padding:25px 29px 21px;box-shadow:0 5px 18px #33310a08}.card-top{display:flex;align-items:center;justify-content:space-between}.step-label,.answer-head{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.05px;font-weight:700;color:#8e9188}.step-number{display:grid;place-items:center;width:22px;height:22px;border:1px solid #dedfd5;border-radius:50%;font:600 9px var(--sans);color:var(--green)}.hint-button{background:transparent;border:0;color:var(--green);font:600 10px var(--sans);cursor:pointer}.hint-button span{color:var(--orange);font-size:16px;vertical-align:-1px;margin-right:4px}.passage{font:20px/1.65 var(--serif);letter-spacing:-.2px;color:#31342e;margin:20px 0 17px;max-width:700px}.hint-box{background:#f5f2e9;border-left:2px solid #d28a5f;color:#62665d;padding:11px 13px;font-size:11px;line-height:1.55;margin-bottom:16px;border-radius:0 5px 5px 0}.answer-head{justify-content:space-between;margin-bottom:9px}.answer-head span{font-size:9px;letter-spacing:0;font-weight:500;color:#a1a39b}textarea{width:100%;resize:vertical;min-height:115px;padding:13px 14px;border:1px solid #e4e2da;border-radius:6px;background:#fffefa;color:#333;font:14px/1.6 var(--sans);outline:none;transition:border .15s}textarea:focus{border-color:#78937d;box-shadow:0 0 0 3px #315e4512}textarea::placeholder{color:#b7b8b1}.answer-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:13px;color:#9a9c94;font-size:9px}.keyboard-icon{font-size:14px;margin-right:5px}.check-button,.next-button{border:0;background:var(--green);color:#fff;border-radius:5px;padding:11px 15px;font:600 10px var(--sans);cursor:pointer;transition:background .2s}.check-button:hover,.next-button:hover{background:#244a35}.check-button span,.next-button span{margin-left:9px;font-size:15px;vertical-align:-1px}.feedback{margin-top:17px;border-radius:6px;padding:15px 16px;background:#edf3ec;border:1px solid #dbe6da}.feedback.incorrect{background:#f7f0e9;border-color:#eddfd0}.feedback-title{font:700 14px var(--display);color:var(--green);margin-bottom:6px}.incorrect .feedback-title{color:#9a5a35}.feedback p{font-size:11px;line-height:1.65;color:#62675e;margin:4px 0}.model-answer{font:16px var(--serif);color:#315e45!important}.feedback small{color:#858980;font-size:10px}.below-card{display:flex;align-items:flex-end;gap:20px;margin-top:21px}.lesson-progress{flex:1}.lesson-progress-copy{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.7px;color:#92958c;font-weight:600}.lesson-progress-copy span:first-child{letter-spacing:1.1px}.lesson-track{background:#e3e1d9;margin-top:9px;height:3px}.lesson-track>div{background:#588065}.next-button{white-space:nowrap;padding:9px 13px}.disclaimer{text-align:right;font:italic 11px var(--serif);color:#999b92;margin-top:12px}.how{margin-top:72px;padding-top:28px;border-top:1px solid var(--line)}.how-kicker{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#999b91}.how h2{font:700 28px var(--display);letter-spacing:-1px;margin:11px 0 26px}.how h2 em{letter-spacing:-1px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.how-num{font:italic 18px var(--serif);color:#c47a53}.how-grid h3{font:700 12px var(--display);margin:10px 0 7px}.how-grid p{font-size:10px;line-height:1.65;color:#85877f;margin:0;max-width:200px}footer{border-top:1px solid var(--line);padding:24px 5.3%;display:flex;align-items:center;gap:25px;color:#92948c;font-size:10px}.footer-brand{font-size:16px}.footer-brand .brand-mark{width:22px;height:22px;font-size:14px;border-radius:7px 7px 7px 2px}footer>span:last-child{margin-left:auto}.footer-heart{color:#c77c58}@media(max-width:900px){.layout{grid-template-columns:165px minmax(0,1fr);gap:35px;padding:38px 25px 75px}.topbar{padding:0 4%}.heading-row{align-items:flex-start;flex-direction:column}.level-picker{align-self:flex-end;margin-top:-3px}.sidebar{font-size:12px}}@media(max-width:620px){.topbar{height:62px;gap:20px}.top-nav{display:none}.top-right{gap:11px}.streak{font-size:10px}.layout{display:block;padding:33px 17px 60px}.sidebar{display:none}.heading-row{margin:18px 0 26px}h1{font-size:43px}.intro{font-size:12px;max-width:330px;line-height:1.55}.level-picker{align-self:flex-start;margin-top:1px}.exercise-card{padding:19px 16px 16px}.passage{font-size:18px}.answer-foot{align-items:flex-end}.answer-foot>span{max-width:180px;line-height:1.5}.check-button{padding:10px 11px;font-size:9px}.how{margin-top:55px}.how-grid{grid-template-columns:1fr;gap:20px}.how-grid p{max-width:310px}.how-grid>div{display:grid;grid-template-columns:30px 1fr;column-gap:8px}.how-num{grid-row:span 2}.how-grid h3{margin:1px 0 5px}footer{padding:20px 17px;gap:12px;flex-wrap:wrap}footer>span:nth-child(2){display:none}footer>span:last-child{font-size:9px}}