.pathway,.onboarding{--pw-ink:#232321;--pw-muted:#797a77;--pw-blue:#1879ae;--pw-line:#e5e6e2;color:var(--pw-ink)}.pw-heading{justify-content:space-between;align-items:start;gap:24px;margin:8px 0 28px;display:flex}.pw-eyebrow{letter-spacing:2px;color:var(--pw-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:10px;font-weight:650;display:flex}.pw-heading h1,.onboarding h1{letter-spacing:-1.6px;margin:0 0 10px;font-size:clamp(26px,3vw,40px);font-weight:550;line-height:1.5}.pw-heading h1 span{display:block}.pw-heading p,.onboarding p{color:#747671;font-size:13px;line-height:1.9}.pw-textlink{color:#6a6d68;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-size:12px;text-decoration:none;display:inline-flex}.pw-command{border:1px solid var(--pw-line);background:#fff;border-radius:16px;align-items:center;gap:20px;padding:16px 20px;display:flex}.pw-command label{flex-direction:column;gap:5px;display:flex}.pw-command label>span{color:var(--pw-muted);font-size:10px}.pw-command select{color:var(--pw-ink);background:0 0;border:0;max-width:100%;padding:4px 20px 4px 0;font-size:13px;font-weight:550}.pw-save{align-items:center;gap:12px;margin-left:auto;display:flex}.pw-save>span{color:var(--pw-muted);font-size:10px}.pw-announcement{color:#218368;min-height:28px;padding:5px 0;font-size:12px}.pw-workspace{grid-template-columns:minmax(0,1fr) 266px;align-items:start;gap:18px;display:grid}.pw-map-shell{border:1px solid var(--pw-line);background:#fff;border-radius:18px;overflow:hidden}.pw-toolbar{border-bottom:1px solid var(--pw-line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.pw-tabs{background:#f3f4f1;border-radius:8px;gap:3px;padding:3px;display:flex}.pw-tabs button,.pw-zoom button{color:#7b7d78;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:7px;font-size:11px;display:flex}.pw-tabs button[aria-pressed=true]{color:#232321;background:#fff;box-shadow:0 1px 3px #20202012}.pw-search{color:#898d85;flex:1;align-items:center;gap:5px;min-width:120px;display:flex}.pw-search input{background:0 0;border:0;width:100%;min-width:0;padding:6px;font-size:11px}.pw-zoom{align-items:center;display:flex}.pw-legend{color:#7b8079;align-items:center;gap:12px;padding:12px 16px;font-size:10px;display:flex}.pw-legend span{align-items:center;gap:5px;display:flex}.pw-legend i{background:#1879ae;border-radius:50%;width:6px;height:6px;display:inline-block}.pw-legend i.passed{background:#25846b}.pw-legend small{margin-left:auto;font-size:9px}.pw-viewport{overscroll-behavior:contain;scrollbar-width:thin;background:#f7f8f5 radial-gradient(#dce0d7 .7px,#0000 .7px) 0 0/20px 20px;height:min(760px,76vh);min-height:430px;padding:28px;overflow:auto}.pw-canvas{transform-origin:0 0;width:1000px;position:relative}.pw-cards{grid-template-columns:repeat(3,320px);gap:56px 20px;display:grid;position:relative}.pw-course{background:#fff;border:1px solid #e1e5dd;border-radius:13px;height:388px;padding:16px;transition:opacity .2s,border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 3px 12px #303b2610}.pw-course.muted{opacity:.32;box-shadow:none}.pw-course.muted:hover,.pw-course.muted:focus-within{opacity:1}.pw-course.selected{border-color:#86b7cd;box-shadow:0 4px 16px #1879ae0a}.pw-course>header{color:#888e82;justify-content:space-between;align-items:center;font-size:9px;display:flex}.pw-course-code{letter-spacing:1px;color:#657c89;font-size:10px;font-weight:650}.pw-course h2{height:34px;margin:10px 0 14px;font-size:14px;line-height:1.4}.pw-course-lessons{scrollbar-width:thin;gap:3px;max-height:294px;display:grid;overflow-y:auto}.pw-lesson{border-radius:7px;align-items:center;gap:8px;min-height:32px;padding:4px 6px;display:flex}.pw-lesson.picked{background:#eff7fa}.pw-lesson.current{box-shadow:inset 2px 0 #1879ae}.pw-lesson input{accent-color:#1879ae;cursor:pointer;flex-shrink:0;width:13px;height:13px}.pw-lesson button{text-align:left;color:#51574e;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;width:100%;min-width:0;padding:0;display:flex}.pw-lesson button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.pw-lesson small{color:#879081;font-size:8px}.pw-connections{pointer-events:none;position:absolute;inset:0;overflow:visible}.pw-connections path{stroke:#6ca7c1;stroke-width:1.4px;fill:none;stroke-linejoin:round;stroke-dasharray:4 3}.pw-outcome{border:1px solid var(--pw-line);background:#fff;border-radius:18px;padding:24px 20px;position:sticky;top:20px}.pw-target{color:#1879ae;align-items:center;gap:9px;font-size:10px;display:flex}.pw-outcome h2{letter-spacing:-.5px;margin:18px 0 12px;font-size:20px;font-weight:550;line-height:1.65}.pw-outcome>p{color:#82877c;font-size:11px;line-height:1.8}.pw-metrics{border-bottom:1px solid var(--pw-line);gap:26px;padding:18px 0;display:flex}.pw-metrics>div{flex-direction:column;gap:5px;display:flex}.pw-metrics strong{letter-spacing:-1px;font-size:29px;font-weight:450}.pw-metrics strong small{margin-left:3px;font-size:13px}.pw-metrics span,.pw-progress{color:#84897f;font-size:10px}.pw-progress{padding:18px 0}.pw-progress>span{justify-content:space-between;display:flex}.pw-progress b{color:#25846b;font-weight:500}.pw-progress progress{accent-color:#25846b;width:100%;height:4px;margin:10px 0;display:block}.pw-progress progress::-webkit-progress-bar{background:#edf0e9;border-radius:4px}.pw-progress progress::-webkit-progress-value{background:#25846b;border-radius:4px}.pw-milestones{margin:2px 0 22px;padding:0;list-style:none}.pw-milestones li{color:#6f7869;align-items:center;gap:10px;padding:9px 0;font-size:11px;display:flex}.pw-milestones li span{color:#829277;background:#f9fbf7;border:1px solid #e1e8da;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.pw-next{background:#f0f6f8;border-radius:11px;flex-direction:column;gap:9px;padding:16px;display:flex}.pw-next small{color:#548598;font-size:9px}.pw-next strong{font-size:12px;font-weight:550;line-height:1.6}.pw-next a{color:#1879ae;justify-content:space-between;align-items:center;font-size:11px;text-decoration:none;display:flex}.pw-next p,.pw-gap p,.pw-outcome details p{color:#7d8578;margin:0;font-size:10px;line-height:1.8}.pw-gap{color:#8e793c;background:#faf7ef;border-radius:9px;margin-top:16px;padding:12px;font-size:10px}.pw-gap p{margin:8px 0}.pw-gap button{cursor:pointer;color:#8e793c;background:0 0;border:0;border-bottom:1px solid #c7bfa4;padding:0;font-size:10px}.pw-outcome details{color:#858c7d;margin-top:18px;font-size:10px}.pw-outcome details p{margin-top:10px}.pw-detail p{font-size:14px;line-height:1.8}.pw-detail .button{margin:10px 10px 0 0}.ob-steps{justify-content:center;gap:28px;margin:12px 0 56px;display:flex}.ob-steps>span{color:#92958f;align-items:center;gap:8px;font-size:11px;display:flex}.ob-steps b{border:1px solid #dedfd9;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;font-weight:500;display:grid}.ob-steps .active{color:#232321}.ob-steps .active b{color:#fff;background:#232321;border-color:#232321}.ob-steps .done b{color:#638245;background:#edf4e8}.ob-layout{grid-template-columns:1fr 1.1fr;gap:64px;max-width:1050px;margin:0 auto 50px;display:grid}.ob-story{padding:22px 0}.ob-preview{background:#f0f3ec;border:1px solid #e2e7da;border-radius:20px;margin:32px 0 18px;padding:28px}.ob-preview>svg{color:#738365;margin-bottom:22px}.ob-preview small{color:#819171;font-size:10px;display:block}.ob-preview h2{margin:10px 0;font-size:23px;font-weight:500;line-height:1.6}.ob-story>small{color:#8d9385;font-size:10px}.ob-choices h2{margin:0 0 18px;font-size:16px;font-weight:550}.ob-choices>button:not(.button){text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e4dc;border-radius:12px;align-items:center;gap:16px;width:100%;margin-bottom:10px;padding:19px 16px;transition:background .18s,border-color .18s;display:flex}.ob-choices>button[aria-pressed=true]{background:#f1f8fb;border-color:#82aec0}.ob-number{color:#8a9582;font-size:11px}.ob-choices strong{font-size:13px;font-weight:550;display:block}.ob-choices small{color:#85907d;margin-top:7px;font-size:10px;line-height:1.6;display:block}.ob-check{color:#1879ae;border:1px solid #c9d7c0;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin-left:auto;display:grid}.ob-choices>.button{width:100%;margin-top:16px}.ob-settings{max-width:650px;margin:auto}.ob-settings fieldset{border:0;margin:30px 0;padding:0}.ob-settings legend{margin-bottom:12px;font-size:13px;font-weight:550}.ob-options{gap:9px;display:flex}.ob-options button{color:#5e6957;cursor:pointer;background:#fff;border:1px solid #e1e4dc;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:17px 10px;font-size:12px;display:flex}.ob-options button[aria-pressed=true]{color:#1879ae;background:#f1f8fb;border-color:#82aec0}.ob-settings fieldset>small{color:#8d9586;margin-top:10px;font-size:10px;display:block}.ob-actions{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.ob-ready{text-align:center;max-width:600px;margin:auto}.ob-ready-mark{color:#718e53;background:#edf4e7;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 26px;display:grid}.ob-ready .pw-eyebrow{justify-content:center}.ob-environment{text-align:left;background:#fff;border:1px solid #e0e5d9;border-radius:16px;margin:30px 0;padding:24px}.ob-environment h2{align-items:center;gap:8px;font-size:15px;font-weight:550;display:flex}.ob-environment a{color:#1879ae;align-items:center;gap:7px;font-size:12px;display:inline-flex}.ob-environment small{color:#8a9381;margin-top:14px;font-size:10px;line-height:1.8;display:block}.ob-ready>.pw-textlink{justify-content:center;margin:16px auto;display:flex}.lesson-visuals{gap:16px;display:grid}.lesson-visuals img{border:1px solid #e3e7de;border-radius:12px;max-width:100%;height:auto}.lesson-visuals figcaption{color:#7f8777;margin-top:8px;font-size:11px}.course-thumbnail{object-fit:cover;border-radius:12px;width:100%;height:170px;margin-bottom:18px}@media (min-width:1550px){.pw-workspace{grid-template-columns:minmax(0,1fr) 300px}.pw-heading h1 span{display:inline}}@media (max-width:1100px){.pw-workspace{grid-template-columns:minmax(0,1fr)}.pw-outcome{grid-template-columns:1fr 1fr;column-gap:24px;display:grid;position:static}.pw-outcome h2,.pw-outcome .pw-target{grid-column:1/-1}.pw-save>span{display:none}.ob-layout{gap:28px}}@media (max-width:720px){.pw-heading{margin-bottom:20px}.pw-heading>.pw-textlink{display:none}.pw-command{flex-wrap:wrap;gap:14px;padding:14px}.pw-command label:first-child{width:100%}.pw-save{flex:1}.pw-save .button{margin-left:auto;font-size:11px}.pw-zoom,.pw-legend small{display:none}.pw-viewport{height:auto;max-height:700px;padding:14px}.pw-canvas{width:auto;zoom:1!important}.pw-cards{flex-direction:column;gap:20px;display:flex}.pw-course{width:100%;height:auto;min-height:370px}.pw-course.muted{opacity:.55}.pw-connections{display:none}.pw-lesson{min-height:37px}.pw-lesson button span{font-size:11px}.pw-lesson input{width:17px;height:17px}.pw-course-lessons{max-height:none}.pw-outcome{display:block}.ob-steps{gap:8px;margin:8px 0 26px}.ob-steps>span{gap:4px;font-size:9px}.ob-steps b{width:19px;height:19px}.ob-layout{grid-template-columns:1fr;gap:20px}.ob-story{padding:0}.ob-preview{margin:20px 0;padding:20px}.ob-preview h2{font-size:19px}.ob-preview>svg{display:none}.ob-options{flex-wrap:wrap}.ob-options button{min-width:90px;padding:16px 8px;font-size:11px}.ob-actions{flex-wrap:wrap}.ob-ready h1{font-size:27px}.pw-toolbar{gap:8px}.pw-search{min-width:100px}.pw-legend{gap:9px}}@media (prefers-reduced-motion:reduce){.pathway *,.onboarding *{scroll-behavior:auto!important;transition:none!important}}
:root{--ink:#232321;--muted:#716e69;--line:#e7e5e1;--paper:#fafaf9;--surface:#f7f7f5;--surface-muted:#ececea;--blue:#1879ae;--dark:#232321;--accent:#1879ae;--accent-soft:#eef6fa;--forest:#39725a;--ease-out:cubic-bezier(.22, 1, .36, 1);--font:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif}body{-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.8}h1,h2,h3,h4{letter-spacing:-.035em;font-weight:550}h1{font-size:30px}h2{font-size:20px}p{overflow-wrap:anywhere}button,a{transition:color .16s, background .16s, border-color .16s, box-shadow .16s, transform .18s var(--ease-out)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea,select{border-color:var(--line);border-radius:9px;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1879ae12}::selection{background:#d9ebf4}.button{background:var(--ink);border-radius:10px;min-height:43px;padding:10px 18px;font-size:12px;font-weight:500;box-shadow:0 1px 2px #1c191710}.button:hover{background:#393936;transform:translateY(-1px);box-shadow:0 3px 8px #1c191714}.button:active{transform:translateY(0)scale(.985)}.button.secondary{border-color:var(--line);color:var(--ink);background:#fff;box-shadow:0 1px 2px #1c191705}.button.secondary:hover{background:var(--surface);border-color:#ceccc6}.button.danger{background:#ae3e47}.text-button{color:var(--accent);font-weight:500}.badge{color:#65625d;background:#f2f2ef;border-radius:5px;font-size:10px;font-weight:500}.badge.green{color:var(--forest);background:#eff6f2}.eyebrow{letter-spacing:.13em;color:var(--muted);font-size:9px;font-weight:500}.notice{box-shadow:none;border-radius:10px;font-size:12px}.notice:not(.error){color:#536670;background:#f4f7f8;border-color:#e2e9ec}.panel,.empty{border-radius:16px;box-shadow:0 2px 10px #1c191703}.panel{padding:28px}.page-title{align-items:center;margin:3px 0 28px}.page-title h1{letter-spacing:-.045em;margin:8px 0;font-weight:500;line-height:1.45}.page-title p{color:var(--muted);font-size:12px}.section-heading h2{font-size:19px}.section-heading.compact h2{font-size:18px}.sidebar{border-color:var(--line);background:#f5f5f3;width:224px;padding:26px 16px 18px}.brand{letter-spacing:.08em;gap:10px;margin:0 10px 32px;font-size:12px;font-weight:650}.brand-mark{background:var(--ink);letter-spacing:-.08em;border-radius:8px;width:30px;height:32px;padding-bottom:5px;font:700 24px Georgia,serif}.brand small{letter-spacing:.02em;color:var(--muted);margin-top:2px;font-size:8px;font-weight:400}.workspace-label{border:1px solid var(--line);background:#fff8;border-radius:10px;margin-bottom:26px;padding:11px 10px;font-size:11px}.workspace-label small{margin-top:2px;font-size:9px}.workspace-avatar,.avatar{color:#65625d;background:#ecebe7;border-radius:50%}.nav-section{letter-spacing:.02em;color:var(--muted);padding:6px 12px;font-size:10px}.sidebar nav{gap:4px}.sidebar nav a{color:var(--muted);border:1px solid #0000;border-radius:8px;gap:10px;padding:10px 12px;font-size:12px}.sidebar nav a svg{stroke-width:1.6px;width:17px}.sidebar nav a:hover{color:var(--ink);background:#ececea}.sidebar nav a.active{color:var(--ink);border-color:var(--line);background:#fff;font-weight:550;box-shadow:0 1px 3px #1c191706}.active-dot{background:var(--accent);width:5px;height:5px}.sidebar-callout{border:0;border-top:1px solid var(--line);background:0 0;padding:18px 10px 8px}.sidebar-callout>svg,.sidebar-callout>strong,.sidebar-callout>p{display:none}.sidebar-callout a,.logout{color:var(--muted);font-size:11px}.main-shell{width:calc(100% - 224px);margin-left:224px}.topbar{background:var(--paper);height:60px;color:var(--muted);padding:0 40px}.breadcrumb{letter-spacing:.02em;font-size:10px}.local-label{color:var(--muted);border-color:var(--line)}.page{width:100%;max-width:1440px;animation:content-reveal .22s var(--ease-out);margin:auto;padding:36px 40px 52px}.app-footer{color:var(--muted);padding:23px 40px;font-size:10px}.search-field{border-color:var(--line);color:var(--muted);background:#fff;border-radius:9px}.search-field input{font-size:12px}.skip-link{z-index:1000;background:#fff;border-radius:8px;padding:10px 20px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:10px}.nav-scrim{display:none}@keyframes content-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-reveal{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.catalog-feature{border:1px solid var(--line);background:#f5f5f3;border-radius:18px;grid-template-columns:1.15fr 1fr;display:grid;overflow:hidden}.feature-copy{padding:40px}.feature-kicker{color:var(--muted);font-size:11px}.feature-copy h2{margin:17px 0 15px;font-size:34px;font-weight:550;line-height:1.55}.feature-copy p{color:var(--muted);font-size:12px;line-height:2}.hero-actions{flex-wrap:wrap;align-items:center;gap:13px;margin-top:25px;display:flex}.hero-actions>span{color:var(--muted);font-size:10px}.catalog-feature .button{background:var(--accent)}.count-label{color:var(--muted);background:var(--surface-muted);vertical-align:middle;border-radius:4px;margin-left:5px;padding:1px 8px;font-size:11px;display:inline-block}.library-course{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:27px;padding:28px;display:flex}.course-number{color:#687e8a;background:#eff3f5;border-radius:4px;flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:100px;display:flex}.course-number small{letter-spacing:.13em;font-size:8px}.course-number strong{color:#59694b;margin:4px 0 17px;font:46px Georgia,serif}.library-course-copy{flex:1;min-width:0}.library-course-copy h3{margin:10px 0 7px;font-size:20px}.library-course-copy p{color:var(--muted);margin-bottom:12px;font-size:12px}.library-course-copy>.row{font-size:10px}.course-meta{color:var(--muted);gap:17px;margin:14px 0;font-size:10px}.course-meta span:last-child{color:var(--forest)}.curriculum-tags{flex-wrap:wrap;gap:15px;display:flex}.curriculum-tags>span{align-items:center;gap:5px;font-size:10px;display:flex}.curriculum-tags small{color:#9da590;font:9px monospace}.learning-principles{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:25px;padding:30px 0;display:grid}.learning-principles>div{gap:16px;display:flex}.learning-principles>div>small{color:#a6af98;font:21px Georgia,serif}.learning-principles h3{margin-bottom:6px;font-size:14px}.learning-principles p{color:var(--muted);margin:0;font-size:11px}.auth-layout{gap:60px;max-width:1000px;margin:35px auto}.auth-story h1{font-size:38px;font-weight:550}.auth-story>[aria-hidden=true]{border-radius:6px;max-width:320px;margin-top:25px}.auth-card{box-shadow:none;border-radius:9px}.learning-mode .sidebar{display:none}.learning-mode .main-shell{width:100%;margin-left:0}.learning-mode .topbar{display:none}.learning-mode .page{max-width:none;padding:0}.lesson-header{background:var(--paper);gap:27px;padding:23px 36px}.lesson-header>a{color:var(--muted);font-size:11px;display:flex}.lesson-header h1{font-size:21px;font-weight:600}.lesson-header-status{font-size:10px}.saved{color:var(--forest)}.unsaved{color:var(--accent)}.lesson-view-switch{border-bottom:1px solid var(--line);background:var(--paper);justify-content:center;gap:30px;display:flex}.lesson-view-switch button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:17px 7px;font-size:12px}.lesson-view-switch small{opacity:.6;margin-right:10px;font-size:9px}.lesson-view-switch button[aria-pressed=true]{color:var(--ink);border-color:var(--ink);font-weight:600}.lesson-layout{background:#fff;min-height:calc(100vh - 150px);display:block}.instruction-panel{background:#fff;border:0;max-width:800px;max-height:none;margin:0 auto;padding:38px 50px 45px;overflow:visible}.instruction-label{color:var(--muted);letter-spacing:.04em;margin-bottom:28px;font-size:10px}.lesson-goal{background:var(--accent-soft);border:0;border-left:3px solid var(--accent);border-radius:0 6px 6px 0;margin-bottom:36px;padding:21px 24px}.lesson-goal>span{color:var(--muted);font-size:10px}.lesson-goal h3{color:var(--ink);margin-top:7px;font-weight:550;font-size:19px!important}.instruction-panel section{margin:0 0 34px}.instruction-panel h3{margin-bottom:14px;font-size:15px;font-weight:600}.instruction-panel h3 svg{color:var(--muted);stroke-width:1.5px}.instruction-panel section>p,.instruction-steps p{color:#55534f;font-size:14px;line-height:2}.instruction-steps{gap:19px}.instruction-steps li{gap:14px}.instruction-steps li>span{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);background:#fff;font-size:11px;line-height:24px}.material-body{background:var(--surface);border-color:var(--line);color:#55534f;border-radius:6px;padding:22px 24px;font-size:12px;line-height:2.05}.instruction-panel .button{min-height:38px;padding:9px 14px;font-size:11px}.lesson-explanation .prose,.lesson-example pre{color:#55534f;white-space:pre-wrap;margin:18px 0;font-size:13px;line-height:2}.instruction-panel details{margin:0;padding:17px 0;font-size:12px}.guide-next{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:25px;display:flex}.guide-next p{color:var(--muted);margin:0;font-size:11px}.view-read .work-panel{display:none}.view-practice{grid-template-columns:340px minmax(0,1fr);display:grid}.view-practice .instruction-panel{border-right:1px solid var(--line);padding:26px}.view-practice .instruction-panel section>p,.view-practice .instruction-steps p{font-size:12px}.view-practice .instruction-panel .lesson-goal h3{font-size:15px!important}.view-practice .material-body{padding:16px;font-size:11px}.view-practice .guide-next,.view-practice .submission-composer,.view-outcome .instruction-panel,.view-outcome .subscription-runtime:not(.native-runtime),.view-outcome .chat-history,.view-outcome .chat-composer,.view-outcome .runtime-instructions,.view-outcome .runtime-heading{display:none}.work-panel{background:#fff;width:100%;max-width:960px;min-height:550px;max-height:none;margin:auto}.view-practice .work-panel{max-width:none;margin:0}.work-content{padding:32px 38px;overflow:visible}.work-tabs{border-color:var(--line);gap:25px;padding:0 38px}.work-tabs button{color:var(--muted);padding:18px 0;font-size:11px}.work-tabs button.active{color:var(--ink);border-color:var(--ink)}.work-footer{border-top:1px solid var(--line);background:#fff;padding:18px 38px;position:static}.submission-composer{border:0;margin:0;padding:0}.submission-composer .section-heading{flex-direction:column;align-items:start;gap:4px;margin-top:10px}.submission-composer .section-heading>span{font-size:12px}.submission-composer textarea{background:#fffefa;padding:17px 20px;font-size:14px;line-height:1.9}.submission-composer .field{margin:24px 0}.reading-cover{color:#566447;background:#eef1e7;border-radius:6px}.reading-cover span,.reading-cover p{color:#7f8a70}.prose{color:#55534f}.chat-message.assistant{color:#47543d;background:#f3f5ef}.chat-message.user{color:#655244;background:#f8f1eb}.chat-empty>svg{color:#8d9b7d}.chat-composer{border-color:var(--line);border-radius:7px}.runtime-heading,.subscription-runtime .runtime-heading{color:var(--ink);font-size:12px}.subscription-runtime{background:0 0;border:0;padding:0}.native-runtime .legacy-runtime{display:none}.native-launch{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:26px;padding:0 0 26px;display:flex}.native-launch>div{flex:1;min-width:250px}.native-launch .eyebrow{font-size:8px}.native-launch h3{margin:5px 0;font-size:14px}.native-launch p{color:var(--muted);margin:0;font-size:11px}.native-launch>.text-button{font-size:10px}.tool-launchers a{color:#516244;background:#f3f5ef;border-color:#dee4d5;border-radius:5px}.subscription-steps>section{border-color:var(--line)}.subscription-steps h3{font-size:14px}.subscription-steps p{font-size:12px;line-height:1.9}.step-number{color:#7d8f6a;background:#edf1e5}.companion-bar{border-color:var(--line);background:#f7f8f3}.subscription-teacher{border:1px solid #d7dfcd;border-radius:8px;box-shadow:0 5px 20px #27351c12}.subscription-teacher header{color:#536744;background:#f0f3e9}.subscription-teacher.compact{width:auto;min-width:225px}.subscription-teacher>div>p{font-size:14px}html[data-desktop] .topbar,html[data-desktop] .app-footer,html[data-desktop] .sidebar .brand{display:none}html[data-desktop] .sidebar{padding-top:27px}html[data-desktop] .lesson-view-switch{display:none}html[data-desktop] .lesson-header{min-height:84px;padding:16px 34px}html[data-desktop] .lesson-layout{min-height:calc(100vh - 85px)}html[data-desktop][data-study-mode=read] .lesson-header{background:#fff;border:0;max-width:1040px;margin:auto}html[data-desktop][data-study-mode=read] .learning-mode{background:#fff}html[data-desktop][data-study-mode=read] .instruction-panel{padding-top:22px}html[data-desktop][data-study-mode=practice] .lesson-layout{display:block}html[data-desktop][data-study-mode=practice] .instruction-panel{border:0;width:100%;padding:22px 25px 35px;display:block}html[data-desktop][data-study-mode=practice] .work-panel{display:none}html[data-desktop][data-study-mode=practice] .lesson-header{gap:8px;min-height:55px;padding:12px 25px}html[data-desktop][data-study-mode=practice] .lesson-header>div:not(.lesson-header-status){display:none}html[data-desktop][data-study-mode=practice] .lesson-header-status{gap:8px}html[data-desktop][data-study-mode=practice] .lesson-header-status .button{min-height:30px;padding:5px 10px;font-size:10px}html[data-desktop][data-study-mode=practice] .lesson-goal{margin-bottom:25px;padding:16px}html[data-desktop][data-study-mode=practice] .instruction-panel h3{font-size:13px}html[data-desktop][data-study-mode=practice] .instruction-label{gap:6px;font-size:9px}html[data-desktop][data-study-mode=practice] .instruction-label span{white-space:nowrap}html[data-desktop][data-study-mode=outcome] .lesson-header{border-bottom:1px solid var(--line)}table{font-size:12px}thead,th{color:#78816c;background:#f5f6f0}th{font-size:10px;font-weight:500}td{border-color:var(--line)}tbody tr:hover{background:var(--surface)}.stat-card,.metric-card,.settings-card,.history-card,.artifact-card{box-shadow:none;border-color:var(--line);border-radius:7px}.history-card pre{font-size:12px}.modal{animation:modal-reveal .18s var(--ease-out);border-color:var(--line);border-radius:18px;box-shadow:0 25px 100px #1c191721}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c191745}.modal p{color:var(--muted)}.modal pre{background:var(--surface)}@media (max-width:1250px){.page,.feature-copy{padding:30px}.feature-copy h2{font-size:27px}.library-course{gap:20px}}@media (max-width:1000px){.sidebar{width:190px;padding:24px 12px}.main-shell{width:calc(100% - 190px);margin-left:190px}.catalog-feature{grid-template-columns:1.3fr 1fr}.feature-copy h2{font-size:24px}.library-course{flex-wrap:wrap}.library-course>.button{margin-left:120px}.course-number{width:80px}}@media (max-width:720px){.nav-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:29;background:#1c191745;border:0;display:block;position:fixed;inset:0}.sidebar{transition:transform .22s var(--ease-out);visibility:hidden;box-shadow:none;width:235px;transform:translate(-100%)}.sidebar.open{visibility:visible;transform:translate(0);box-shadow:15px 0 50px #1c191712}.main-shell{width:100%;margin-left:0}.mobile-menu,.mobile-close{display:flex}.page{padding:22px 19px 35px}.topbar{height:56px;padding:0 20px}.page-title h1{font-size:24px}.progress-number{grid-area:1/2/3;margin:0}.catalog-feature{display:block}.feature-copy{padding:28px 25px}.library-course{padding:21px}.course-number{display:none}.library-course>.button{margin-left:0}.library-course-copy{flex-basis:100%}.library-course-copy h3{font-size:18px}.learning-principles{grid-template-columns:1fr;gap:23px}.section-heading{gap:13px}.search-field{max-width:180px}.lesson-header{flex-wrap:wrap;gap:15px;padding:17px 20px}.lesson-header>div:not(.lesson-header-status){order:3;width:100%}.lesson-header h1{font-size:19px}.lesson-header-status{margin-left:auto}.lesson-view-switch{gap:7px}.lesson-view-switch button{padding:14px 9px;font-size:11px}.lesson-view-switch small{margin-right:5px;font-size:8px}.instruction-panel{padding:27px 23px}.lesson-goal h3{font-size:17px!important}.view-practice{display:block}.view-practice .instruction-panel{border-right:0;border-bottom:1px solid var(--line)}.work-content{padding:24px 22px}.work-tabs{gap:19px;padding:0 22px}.work-footer{padding:18px 22px}.subscription-teacher{bottom:12px;right:15px}.auth-layout{margin:15px auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.course-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.course-number strong{font-family:var(--font);font-variant-numeric:tabular-nums;color:#687e8a;font-weight:400}.library-course{border-radius:16px}.course-preview-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin:22px 0;font-size:11px;display:flex}.course-preview-stages section{border-top:1px solid var(--line);padding:18px 0 10px}.course-preview-stages header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.course-preview-stages header small{color:var(--muted);font-size:10px}.course-preview-stages h3{margin:1px 0 0;font-size:14px}.course-preview-stages section>button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.course-preview-stages section>button:hover{background:var(--surface)}.course-preview-stages button small{color:var(--muted);font-size:10px;display:block}.course-preview-stages button strong{font-size:12px;font-weight:500}.course-preview-stages button>span:last-child{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:10px;display:flex}@media (max-width:1100px){.library-course{flex-wrap:wrap}.course-actions{margin-left:auto}}@media (max-width:600px){.course-actions{width:100%;margin-left:0}.course-actions .button{flex:1}}@media (max-width:720px){.auth-story>[aria-hidden=true]{display:none}}
.lesson-header{background:#fff;padding:20px 32px}.lesson-header h1{font-size:20px;font-weight:550}.lesson-header>a{font-size:12px}.lesson-view-switch{z-index:5;background:#fff;gap:6px;padding:10px;position:sticky;top:0}.lesson-view-switch button{border:1px solid #0000;border-radius:9px;padding:9px 20px;font-size:12px}.lesson-view-switch button:hover{background:var(--surface)}.lesson-view-switch button[aria-pressed=true]{background:var(--surface-muted);border-color:#e3e3df;font-weight:500}.lesson-view-switch small{opacity:1;color:var(--muted);justify-content:center;align-items:center;margin-right:9px;font-size:10px;display:inline-flex}.lesson-layout{background:var(--paper)}.lesson-outline{display:none}.instruction-panel{background:#fff;padding:34px 44px 44px}.view-read .instruction-panel{border:1px solid var(--line);border-radius:16px;max-width:800px;margin:28px auto}.instruction-label{color:var(--muted);margin-bottom:25px;font-size:11px}.lesson-goal{background:var(--accent-soft);border:1px solid #ddebf2;border-radius:12px;padding:21px 23px}.lesson-goal h3{font-weight:500}.instruction-panel section,.lesson-goal{scroll-margin-top:90px}.instruction-panel h3{font-weight:550}.instruction-panel section>p,.instruction-steps p{color:#514e49;font-size:14px;line-height:2}.instruction-steps li>span{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:7px}.material-body{color:#514e49;background:#fafaf9;border-radius:10px;padding:22px;font-size:13px;line-height:2}.material-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:12px;display:flex}.copy-control{flex-direction:column;align-items:flex-start;display:inline-flex}.copy-feedback{color:#a24242;max-width:290px;font-size:11px}.guide-next .button{background:var(--accent);padding:11px 17px}.work-tabs button{font-size:12px;font-weight:500}.work-tabs button.active{color:var(--ink);border-color:var(--ink)}.work-content{animation:content-reveal .18s var(--ease-out)}.work-content .reading h3{margin-top:30px}.submission-composer>.section-heading{border-bottom:1px solid var(--line);padding-bottom:17px}.work-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.work-footer>.button{background:var(--accent)}.reading-cover{background:var(--accent-soft);border-radius:12px}@media (min-width:1200px){.view-read{grid-template-columns:190px minmax(0,800px);justify-content:center;align-items:start;gap:36px;padding:30px 32px 48px;display:grid}.view-read .instruction-panel{width:100%;margin:0}.view-read .lesson-outline{flex-direction:column;align-items:flex-start;padding-top:9px;display:flex;position:sticky;top:94px}.outline-tool{margin:12px 0 27px;font-size:13px;font-weight:550}.lesson-outline>.eyebrow{letter-spacing:0;margin-bottom:16px;font-size:10px}.lesson-outline>a{color:var(--muted);align-items:center;gap:11px;padding:9px 0;font-size:12px;display:flex}.lesson-outline>a span{color:#96928c;font-size:10px}.lesson-outline>a:hover{color:var(--accent);transform:translate(2px)}.outline-bottom{border-top:1px solid var(--line);flex-direction:column;gap:14px;width:100%;margin-top:28px;padding-top:20px;display:flex}.outline-bottom>span{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.outline-bottom>button{color:var(--accent);text-align:left;background:0 0;border:0;align-items:center;gap:16px;padding:0;font-size:12px;display:flex}}html[data-desktop][data-study-mode=practice] .lesson-outline{display:none}html[data-desktop][data-study-mode=read] .view-read{min-height:100vh}html[data-desktop][data-study-mode=practice] .instruction-panel{border-radius:0;margin:0}@media (max-width:720px){.lesson-header{padding:16px 20px}.lesson-view-switch{gap:2px;padding:8px 6px}.lesson-view-switch button{padding:9px 10px;font-size:11px}.lesson-view-switch small{margin-right:6px}.view-read .instruction-panel{border-radius:12px;margin:14px 12px;padding:24px 20px}.material-body{padding:17px}.work-tabs{gap:12px;overflow-x:auto}.work-tabs button{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.work-content{animation:none}}.subscription-teacher{border-color:var(--line);border-radius:14px;box-shadow:0 6px 24px #1c191710}.subscription-teacher header{color:var(--ink);background:#fff}.subscription-teacher.compact,.subscription-teacher.compact header{border-radius:12px}