@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#162238;background:#f7f9fc;font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #398ca9;outline-offset:3px}a{color:#086b84} .shell{display:grid;grid-template-columns:315px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:#101c2e;color:#d6e2ed;z-index:20;scrollbar-width:thin;scrollbar-color:#415269 transparent}.brand{height:88px;display:flex;align-items:center;gap:13px;padding:20px 23px;border-bottom:1px solid #25344b}.brand-symbol{font:700 29px 'Space Grotesk',sans-serif;color:#f7f7fa;letter-spacing:-3px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid #53677c;border-radius:13px;flex-shrink:0}.brand-symbol span{color:#e7ad70}.brand strong{display:block;font-size:13px;letter-spacing:.14em;color:#fff}.brand small{display:block;color:#9babbd;font-size:12px;margin-top:4px}.sidebar-inner{padding:25px 17px 25px}.side-heading{display:flex;justify-content:space-between;color:#a8bcce;font-size:12px;letter-spacing:.14em;font-weight:700;padding:0 7px}.progress-track{height:6px;border-radius:8px;background:#32435a;margin:14px 7px 0;overflow:hidden}.progress-track i{height:100%;width:0;display:block;background:#ecb879;transition:width .3s}.progress-caption{font-size:12px;line-height:1.5;color:#96a9bd;margin:10px 7px 23px}.search-wrap{display:flex;align-items:center;gap:8px;background:#1b2b40;border:1px solid #35475c;color:#bbc9d7;border-radius:9px;padding:0 11px;height:43px;margin:0 5px 18px}.search-wrap span{font-size:24px;line-height:1}.search-wrap input{border:0;outline:0;background:transparent;color:#fff;min-width:0;width:100%;font-size:14px}.search-wrap input::placeholder{color:#91a3b4}.nav-module{border-top:1px solid #2b3b51;padding-top:18px;margin:17px 4px 0}.nav-header{font-size:11px;color:#f1bc7a;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:0 10px 10px}.nav-lesson{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;border:0;background:transparent;color:#afc0d2;border-radius:9px;padding:11px 10px;font-size:14px;line-height:1.3}.nav-lesson:hover{background:#26374d;color:#fff}.nav-lesson.active{background:#28475b;color:#fff}.nav-lesson .num{color:#8299aa;font-variant-numeric:tabular-nums;font-size:12px;margin-top:2px}.nav-lesson.active .num{color:#edb978}.nav-lesson .check{margin-left:auto;color:#edb978}.sidebar-end{border-top:1px solid #314158;margin:27px 5px 0;padding:22px 8px 0}.sidebar-end-title{font-size:12px;font-weight:700;color:#adbfce;text-transform:uppercase;letter-spacing:.1em}.quick{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.quick button{border:1px solid #465975;color:#cbd9e6;background:transparent;border-radius:6px;padding:5px 10px;font-size:12px}.quick button:hover{background:#28475b}.sidebar-end p{color:#8fa3b9;font-size:12px;line-height:1.5}.main-column{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #e4e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);gap:12px}.top-label{font:700 13px 'Space Grotesk',sans-serif;color:#1d344c;letter-spacing:.11em}.divider{color:#b1becb;margin:0 8px}.top-right{display:flex;align-items:center;gap:15px;color:#5b6c7c;font-size:12px}.status-pill{color:#587083;border:1px solid #dce4eb;border-radius:100px;padding:7px 11px;font-weight:700;letter-spacing:.05em}.menu-btn,.close-menu{display:none}main{max-width:1120px;margin:0 auto;padding:36px clamp(24px,5vw,80px) 90px}.crumb{color:#78889b;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.crumb span{color:#b47a39}.lesson-head h1{font:700 clamp(32px,4vw,53px)/1.09 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:16px 0 16px;color:#14283d;max-width:800px}.lesson-head .lead{color:#4e6275;line-height:1.7;font-size:18px;max-width:750px;margin:0}.lesson-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:24px}.meta-chip{border:1px solid #d9e1e8;padding:8px 12px;border-radius:7px;background:#fff;font-size:13px;font-weight:600;color:#557084}.module-tag{color:#156b79;background:#e1f4f3;border-color:#c9e8e4}.lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px;margin-top:31px;align-items:start}.card{background:#fff;border:1px solid #e1e7ec;border-radius:14px;box-shadow:0 5px 20px rgba(29,54,78,.035)}.primary-card{overflow:hidden}.card-section{padding:27px 30px;border-bottom:1px solid #e8edf1}.card-section:last-child{border-bottom:0}.eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:12px;color:#9c6a32;margin-bottom:13px}.card h2{font:700 23px/1.2 'Space Grotesk',sans-serif;margin:0 0 14px;letter-spacing:-.025em;color:#1a3149}.card h3{font:700 17px/1.3 'Space Grotesk',sans-serif;margin:0 0 10px;color:#263c50}.card p{line-height:1.76;margin:0;color:#405569}.card p+p{margin-top:14px}.definition{font:600 20px/1.58 'Space Grotesk',sans-serif!important;color:#183447!important}.concept-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:21px}.mini-panel{border-radius:9px;padding:18px;background:#f2f7f8}.mini-panel:nth-child(2){background:#fff8ef}.mini-panel p{font-size:15px;line-height:1.65}.mini-panel .eyebrow{margin-bottom:8px}.mini-panel:nth-child(2) .eyebrow{color:#a1743f}.callout{background:#eef6f8;border-left:3px solid #3b92a0;padding:20px 23px;margin-top:20px;border-radius:0 9px 9px 0}.callout strong{color:#1c6172;font-size:14px}.callout p{margin-top:7px;font-size:15px}.speak-card{background:#152b3e;color:white;border-radius:13px;padding:24px;position:sticky;top:18px;box-shadow:0 16px 36px rgba(17,37,54,.12)}.speak-card .eyebrow{color:#edbb7c}.speak-card h2{color:#fff;font-size:23px;margin:0 0 12px}.speak-card p{color:#c7d9e4;font-size:14px;line-height:1.6}.speak-card .rule{height:1px;background:#3a5061;margin:20px 0}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:11px;color:#d0dfeb;font-size:14px;margin:10px 0}.steps b{color:#eab678}.speak-card button{margin-top:16px;width:100%;padding:11px;border:1px solid #edbb7c;border-radius:7px;background:transparent;color:#ffe0af;font-weight:700}.speak-card button:hover{background:#30495a}.speech-block{padding:20px 22px;border-radius:10px;background:#f6f8fa;margin-top:16px;border:1px solid #e4ebf0}.speech-block p{font-size:16px}.speech-block .eyebrow{color:#2c8490}.speech-block.pro{background:#fefaf5}.speech-block.pro .eyebrow{color:#aa7440}.exercise{background:#f8f4ed;border:1px solid #eddfca;padding:18px 20px;border-radius:10px;margin-top:18px}.exercise p{font-size:16px}.practice-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.primary-btn{background:#1b586a;color:#fff;border:1px solid #1b586a;border-radius:7px;padding:10px 15px;font-weight:700;font-size:14px}.primary-btn:hover{background:#164657}.primary-btn.secondary{background:#fff;color:#1c6172}.timer{font:700 23px 'Space Grotesk',sans-serif;color:#23465a;min-width:55px}.selfcheck{display:grid;gap:8px;margin:19px 0}.selfcheck label{display:flex;align-items:flex-start;gap:10px;color:#456074;font-size:15px;line-height:1.4}.selfcheck input{margin-top:4px;accent-color:#246c7b}.notes-label{display:block;color:#334c61;font-weight:700;font-size:14px;margin:17px 0 9px}.notes{width:100%;resize:vertical;min-height:90px;padding:12px;border:1px solid #cbd8e0;border-radius:8px;background:#fff;color:#21394e;line-height:1.5}.save-state{font-size:13px;color:#587982;margin-top:8px;min-height:18px}.quiz-options{display:grid;gap:10px;margin:18px 0 12px}.quiz-option{text-align:left;background:#fff;border:1px solid #d7e2e8;padding:13px 14px;border-radius:8px;color:#274155;line-height:1.45}.quiz-option:hover{border-color:#7baebb}.quiz-option.selected{border-color:#1f7887;background:#edf8f8}.quiz-option.correct{border-color:#3d9272;background:#e8f7ee}.quiz-option.wrong{border-color:#c5786b;background:#fff0ee}.feedback{padding:12px 15px;background:#edf5f5;border-radius:7px;margin:13px 0!important;font-size:15px}.feedback.error{background:#fff0ec}.source-list{display:flex;flex-wrap:wrap;gap:9px}.source-list a{display:inline-flex;background:#f2f6f9;border:1px solid #e1e9ef;border-radius:7px;padding:9px 11px;font-size:13px;font-weight:700;text-decoration:none}.source-list a:hover{text-decoration:underline}.footnav{display:flex;justify-content:space-between;gap:12px;margin:28px 0}.footnav button{max-width:49%;border:1px solid #c9d7e0;background:#fff;color:#28576a;border-radius:8px;padding:12px 15px;text-align:left;font-weight:700}.footnav button:disabled{opacity:.4;cursor:default}.footer{padding:20px clamp(24px,5vw,80px);border-top:1px solid #e2e9ef;color:#7e8b9a;display:flex;justify-content:space-between;gap:20px;font-size:12px}.completion{margin-top:14px;color:#64768a;font-size:14px}.completion strong{color:#256b77}.empty-search{padding:14px;color:#a9bbcb;font-size:14px}.close-menu{color:white;background:none;border:0;font-size:27px;margin-left:auto}
@media(max-width:1060px){.lesson-grid{grid-template-columns:1fr}.speak-card{position:static;display:flex;flex-wrap:wrap;gap:13px 20px;align-items:center}.speak-card h2,.speak-card .eyebrow{width:100%}.speak-card .rule{display:none}.speak-card .steps{flex:1}.speak-card button{max-width:220px}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;width:min(330px,88vw);height:100dvh;transform:translateX(-102%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-backdrop:not([hidden]){position:fixed;inset:0;background:#091624aa;z-index:15}.close-menu,.menu-btn{display:block}.menu-btn{border:0;background:none;font-size:20px;color:#213a4b;padding:7px}.topbar{height:62px;padding:0 17px}.top-label{font-size:12px}.top-right .status-pill{display:none}.top-right{font-size:12px}main{padding:25px 18px 60px}.lesson-head h1{font-size:36px}.lesson-head .lead{font-size:16px}.lesson-grid{margin-top:25px}.card-section{padding:22px 19px}.concept-row{grid-template-columns:1fr}.definition{font-size:19px!important}.footer{padding:20px 18px;display:block}.footer span{display:block;margin:4px 0}.speak-card{display:block}.speak-card button{max-width:none}}
.flow-explainer{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:22px;padding:17px;background:#eff6f8;border-radius:10px}.flow-explainer span{display:inline-block;padding:9px 12px;border-radius:7px;border:1px solid #bed5db;background:#fff;color:#24596a;font-size:13px;font-weight:700}.flow-explainer b{color:#4c91a0}.capstone-list{padding-left:23px;color:#405569;line-height:1.7}.capstone-list li{padding-left:4px;margin:12px 0}