.learner-body{background:#f3f5ef}.learner-sidebar{width:222px;position:fixed;inset:0 auto 0 0;background:var(--paper);border-right:1px solid var(--border);padding:31px 22px;display:flex;flex-direction:column;z-index:25}.learner-sidebar>.brand{margin-bottom:47px}.sidebar-caption{font:8px var(--mono);letter-spacing:1.2px;color:var(--muted);margin:0 0 14px 9px}.learner-nav{display:flex;flex-direction:column;gap:6px}.learner-nav>a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:6px;color:var(--muted);font-size:12px}.learner-nav>a>span{font-size:18px;width:17px;color:var(--teal)}.learner-nav>a>b{margin-left:auto;font:9px var(--mono);color:var(--teal)}.learner-nav>a.active{color:var(--teal);background:#e0eee3}.learner-nav>a:hover{background:#e8ede4}.sidebar-journey{border-top:1px solid var(--border);margin-top:29px;padding-top:25px}.sidebar-journey>.sidebar-caption{margin-left:9px}.sidebar-journey ol{list-style:none;margin:17px 0 0;padding:0 0 0 11px}.sidebar-journey li{position:relative;display:flex;align-items:center;gap:10px;padding:13px 0;font-size:10px;color:#6a7d7b}.sidebar-journey li>span{position:relative;z-index:1;display:block;width:8px;height:8px;border:1px solid #9eb4a7;border-radius:50%;background:var(--paper);flex-shrink:0}.sidebar-journey li:not(:last-child)::after{content:"";position:absolute;height:36px;top:22px;left:3.5px;width:1px;background:#cedbd1}.sidebar-journey li.complete>span{background:var(--teal);border-color:var(--teal)}.sidebar-journey li.complete{color:var(--teal)}.sidebar-journey li.current{color:var(--ink);font-weight:650}.sidebar-journey li.current>span{box-shadow:0 0 0 4px #e0ecde;border-color:var(--teal)}.sidebar-bottom{margin-top:auto;padding:25px 7px 0}.local-badge{font:8px var(--mono);letter-spacing:1px;color:var(--teal);display:inline-flex;align-items:center;gap:7px}.local-badge i{width:5px;height:5px;background:var(--teal);border-radius:50%}.sidebar-bottom p{font-size:10px;color:var(--muted);line-height:1.7}.sidebar-control-link{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-top:18px}.sidebar-control-link:hover{color:var(--teal)}.learner-workspace{margin-left:222px}.learner-topbar{height:75px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 37px;background:rgba(247,247,240,.97)}.workspace-breadcrumb{font-size:11px;color:var(--muted)}.workspace-breadcrumb>span{margin:0 13px;color:#a1b2a9}.learner-topbar-right{display:flex;align-items:center;gap:16px}.fixture-tag{font:8px var(--mono);letter-spacing:.9px;padding:5px 7px;background:#f2e9cf;color:#725d2c;border:1px solid #e7dbbc;border-radius:4px;white-space:nowrap}.icon-button{width:32px;height:32px;border:1px solid var(--border);background:var(--white);border-radius:6px;display:grid;place-items:center;font-size:18px;color:var(--muted)}.mobile-brand,.mobile-control,.mobile-only{display:none}.learner-main{max-width:1290px;margin:0 auto;padding:26px 37px 0}.demo-disclosure{display:flex;gap:10px;padding:12px 16px;background:#e7eeeb;border:1px solid #d9e4dc;border-radius:8px;align-items:flex-start}.demo-disclosure>span{color:var(--teal);font-size:17px;line-height:1.25}.demo-disclosure>p{font-size:10px;color:#526f70;line-height:1.7;margin:0}.demo-disclosure strong{font-weight:600}.inline-warning{padding:12px 16px;margin:12px 0 0;border:1px solid #ddce9d;border-radius:6px;background:#faf0d3;font-size:12px}.inline-warning a{color:var(--teal);text-decoration:underline}.lesson-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:34px 0 26px}.lesson-heading h1{font-size:34px;font-weight:680;letter-spacing:-1.2px;line-height:1.2;margin:12px 0}.lesson-heading p{font-size:13px;color:var(--muted);margin:0}.lesson-heading .pill{flex-shrink:0;margin-bottom:4px;font-size:8px}.lesson-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:22px;align-items:start}.task-column,.feedback-column{min-width:0}.lesson-card{padding:23px 25px;border:1px solid var(--border);background:var(--white);border-radius:13px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.difficulty-label{font-size:8px;color:var(--muted);white-space:nowrap}.lesson-card h2{font-size:20px;font-weight:650;line-height:1.35;letter-spacing:-.5px;margin:15px 0 12px}.task-intro>p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.requirement-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.requirement-tags>span{padding:5px 7px;border:1px solid #dce5dc;border-radius:4px;font:8px var(--mono);color:var(--teal)}.focus-callout{border-top:1px solid #e3e8df;padding-top:15px;margin-top:18px;display:flex;gap:10px;color:#648270}.focus-callout>span{font-size:18px}.focus-callout p{font-size:10px;line-height:1.75;margin:0}.editor-card{background:var(--dark);border:1px solid #254650;border-radius:12px;overflow:hidden;margin-top:18px;color:#d0e0df}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #2a4750;background:#193841;gap:10px;font:10px var(--mono)}.file-icon{color:#98dbca;font-size:9px;margin-right:8px}.read-only{font-size:8px;color:#a0b8bd}.editor-action{background:transparent;border:1px solid #456169;color:#b1d0d0;font:8px var(--mono);padding:5px 8px;border-radius:4px}.editor-status{padding:14px 17px 7px;font:8px var(--mono);color:#91b2b7;display:flex;justify-content:space-between;gap:16px}.editor-status>span:last-child{color:#718f9b;font-size:7px}.editor-card pre{font:11px/1.95 var(--mono);padding:0 17px 16px;margin:0;overflow:auto;min-height:230px;tab-size:4;white-space:pre}.editor-bottom{display:flex;justify-content:space-between;padding:10px 15px;border-top:1px solid #2a4750;gap:12px;color:#90a9b2;font:8px var(--mono)}.lesson-actions{display:flex;gap:9px;margin:16px 0 19px;flex-wrap:wrap}.lesson-actions .button{font-size:11px;min-height:45px;padding:12px 16px;gap:13px}.lesson-actions .button>span{font-size:14px}.results-card{padding:19px 23px}.results-card h2{font-size:14px;letter-spacing:0;margin:0}.result-empty{display:flex;align-items:center;gap:12px;padding:22px 0 13px;color:#91a198}.result-empty>span{font-size:29px}.result-empty p{font-size:11px;margin:0;color:var(--muted)}.results-disclaimer{border-top:1px solid #e3e8df;margin:17px 0 0;padding-top:13px;color:#7d8a85;font-size:8px;line-height:1.7}.test-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 0;border-bottom:1px solid #e9ece5;font:9px var(--mono)}.test-row:first-child{margin-top:11px}.test-row:last-child{border-bottom:none}.test-row .test-name{color:var(--muted);overflow-wrap:anywhere}.test-verdict{font:8px var(--mono);white-space:nowrap}.test-verdict.ok{color:#39785d}.test-verdict.fail{color:#a65340}.test-verdict.unknown{color:#9a752b}.result-detail{padding:12px 13px;margin-top:10px;background:#f7e9df;color:#8f5943;border-radius:5px;font-size:10px;line-height:1.7}.result-detail.pass{background:#e4efe3;color:#3b7255}.result-detail.unknown{background:#f6efda;color:#8a6d2e}.mentor-card{border:1px solid #d0e0cf;background:#e8f0e4;border-radius:13px;padding:22px}.mentor-card-heading{display:flex;align-items:center;gap:10px;padding-bottom:19px;border-bottom:1px solid #d0dec9}.mentor-card-heading .mentor-avatar{background:var(--teal);color:white;width:34px;height:34px}.mentor-card-heading h2{font-size:13px;letter-spacing:0;margin:0;line-height:1.4}.mentor-card-heading>div>span{font-size:8px;color:var(--muted)}.mentor-presence{width:5px;height:5px;border-radius:50%;background:#82a582;margin-left:auto;align-self:flex-start;margin-top:6px}.mentor-message{padding:18px 0;font-size:12px;line-height:1.9;color:#38595b;min-height:180px}.mentor-message strong{color:#173f45;font-weight:600}.mentor-message p{margin:0 0 14px}.mentor-message p:last-child{margin-bottom:0}.mentor-message code{font:11px var(--mono);color:var(--teal);background:#dce8d7;padding:1px 3px;border-radius:3px;overflow-wrap:anywhere}.hint-actions{border-top:1px solid #d0dec9;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.hint-actions button{border:0;background:transparent;padding:0;color:var(--teal);font-size:10px}.hint-actions button span{margin-left:7px}.hint-actions>span{font:8px var(--mono);color:#66836b}.hint-content{padding:14px 13px;background:#f5f6e9;border:1px solid #d8e1cb;border-radius:7px;margin-top:15px;font-size:11px;color:#5b7257;line-height:1.8}.next-card{background:var(--white);border:1px solid var(--border);border-radius:13px;padding:23px;margin-top:18px}.next-card .eyebrow{font-size:8px;letter-spacing:.5px}.next-card h3{font-size:17px;line-height:1.4;letter-spacing:-.3px;margin:14px 0 12px}.next-card p{font-size:11px;line-height:1.85;color:var(--muted);margin:0}.evidence-note{display:flex;gap:7px;border-top:1px solid #e1e7df;padding-top:15px;margin-top:19px;color:#778b7e;font-size:8px}.evidence-note>span{color:var(--teal)}.knowledge-mini{margin:23px 0 0;padding:0 5px}.knowledge-mini .eyebrow{font-size:8px;letter-spacing:.5px;margin-bottom:8px}.knowledge-mini>a{font-size:11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3d8;padding:10px 0;color:var(--teal)}.knowledge-mini p{font-size:8px;color:var(--muted);line-height:1.6}.transfer-card{padding:30px;background:#e7eeeb;border:1px solid #d4e0d7;border-radius:14px;margin-top:30px}.transfer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.transfer-heading h2{font-size:26px;line-height:1.3;margin:13px 0 15px;letter-spacing:-.6px}.transfer-heading .pill{background:#f1f4ec;white-space:nowrap}.transfer-card>p{font-size:12px;color:var(--muted);max-width:690px;line-height:1.8;margin:0 0 20px}.transfer-card fieldset{padding:0;margin:0;border:0;display:grid;gap:9px}.transfer-card legend{font-size:10px;color:var(--muted);padding:0 0 12px}.transfer-card fieldset>label{display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid #d6e0d5;border-radius:7px;padding:13px 16px;cursor:pointer}.transfer-card fieldset>label:has(input:checked){border-color:var(--teal);background:#edf5e8}.transfer-card fieldset:disabled>label{opacity:.6;cursor:not-allowed}.transfer-card input{accent-color:var(--teal);width:16px;height:16px;flex-shrink:0;margin:0}.transfer-card label b{font-size:12px;font-weight:600}.transfer-card label small{display:block;font-size:10px;color:var(--muted);margin-top:3px;line-height:1.7}.transfer-actions{display:flex;align-items:center;gap:24px;margin-top:20px}.transfer-actions .button{font-size:11px;white-space:nowrap;min-height:44px;padding:12px 18px}.transfer-actions p{font-size:9px;color:var(--muted);line-height:1.8;max-width:330px}.transfer-feedback{font-size:12px;color:#4e7255;background:#f4f7e9;border:1px solid #cadab9;border-radius:7px;padding:16px 18px;line-height:1.8;margin-top:20px}.transfer-feedback.wrong{color:#8f6541;background:#f8eedc;border-color:#e7d5b5}.lesson-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 30px}.lesson-footer p{font-size:8px;color:var(--muted);margin:7px 0 0}.reset-link{color:#778b80;border:0;border-bottom:1px solid #b8c8be;padding:0 0 3px;background:transparent;font-size:10px;white-space:nowrap}.confirm-dialog{border:1px solid var(--border);border-radius:16px;background:var(--paper);color:var(--ink);padding:31px;max-width:460px;width:calc(100% - 40px)}.confirm-dialog::backdrop{background:rgba(10,25,30,.55);backdrop-filter:blur(3px)}.confirm-dialog h2{font-size:27px;margin:15px 0;letter-spacing:-.6px}.confirm-dialog p{font-size:13px;color:var(--muted);line-height:1.8}.confirm-dialog>div:last-child{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.confirm-dialog .button{min-height:43px;font-size:12px}.busy-status{font-size:10px;color:var(--teal)}
@media(min-width:1600px){.learner-main{padding-top:35px}.lesson-grid{gap:27px}.lesson-heading h1{font-size:39px}.editor-card pre{font-size:13px}.mentor-message{font-size:14px}}
@media(max-width:1200px){.learner-sidebar{width:196px;padding:27px 16px}.learner-workspace{margin-left:196px}.learner-main{padding:23px 25px 0}.learner-topbar{padding:0 25px}.lesson-heading{display:block}.lesson-heading .pill{margin-top:18px}.lesson-grid{grid-template-columns:minmax(0,1.4fr) minmax(245px,1fr);gap:16px}.lesson-card{padding:20px}.editor-card pre{font-size:10px}.read-only{display:none}.mentor-card{padding:19px}.lesson-actions .button{font-size:10px;padding:12px 13px;gap:8px}.next-card{padding:20px}.lesson-heading h1{font-size:32px}.requirement-tags>span{font-size:7px}.lesson-card h2{font-size:18px}.results-card h2{font-size:14px}.mentor-card-heading>div>span{font-size:7px}.transfer-heading .pill{font-size:7px}}
@media(max-width:1000px){.lesson-grid{grid-template-columns:1fr}.feedback-column{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.mentor-card{grid-row:1/3}.next-card{margin-top:0}.knowledge-mini{margin-top:0}.mentor-message{min-height:160px}.editor-card pre{font-size:12px;min-height:245px}.read-only{display:inline}.lesson-heading h1{font-size:34px}.mentor-card-heading>div>span{font-size:8px}.lesson-actions .button{font-size:12px}.lesson-card h2{font-size:20px}.results-card h2{font-size:14px}}
@media(max-width:760px){.learner-sidebar{display:none}.learner-workspace{margin-left:0}.learner-topbar{height:67px;padding:0 22px;position:sticky;top:0;z-index:30}.workspace-breadcrumb{display:none}.mobile-brand{display:block;color:var(--teal);font:700 24px var(--mono);letter-spacing:-1.7px}.mobile-brand b{font:650 20px var(--font);color:var(--ink);letter-spacing:-.8px}.mobile-control{display:grid}.learner-topbar-right{gap:9px}.learner-main{padding:20px 22px 0}.lesson-heading h1{font-size:32px}.demo-disclosure p{font-size:9px}.feedback-column{gap:16px}.lesson-heading .pill{margin-top:15px}.transfer-card{padding:25px}.transfer-heading{display:block}.transfer-heading .pill{margin-bottom:18px}.transfer-actions{gap:18px}.transfer-actions p{font-size:8px}}
@media(max-width:480px){.learner-main{padding:17px 16px 0}.learner-topbar{padding:0 18px}.fixture-tag{font-size:7px;padding:5px 6px}.lesson-heading{margin:29px 0 21px}.lesson-heading h1{font-size:33px;letter-spacing:-1px;line-height:1.2}.mobile-only{display:block}.lesson-heading p{font-size:12px;line-height:1.7;max-width:290px}.lesson-card{padding:20px}.task-intro h2{font-size:20px}.task-intro>p{font-size:11px}.requirement-tags{gap:5px}.requirement-tags>span{font-size:7px}.focus-callout p{font-size:9px}.difficulty-label{font-size:7px}.editor-toolbar{padding:12px;font-size:9px}.read-only{font-size:7px}.editor-status{padding:13px 12px 8px;font-size:7px}.editor-card pre{font-size:9px;padding:0 12px 12px;min-height:195px}.editor-bottom{font-size:6px;padding:9px 12px}.lesson-actions{gap:7px}.lesson-actions .button{font-size:10px;padding:12px 12px;min-height:44px;gap:8px}.feedback-column{grid-template-columns:1fr}.mentor-card{grid-row:auto;padding:22px}.mentor-card-heading h2{font-size:14px}.mentor-card-heading>div>span{font-size:9px}.mentor-message{min-height:auto;font-size:13px}.hint-actions button{font-size:11px}.hint-actions>span{font-size:9px}.knowledge-mini{padding:5px}.next-card h3{font-size:18px}.next-card p{font-size:12px}.next-card .eyebrow{font-size:8px}.knowledge-mini>a{font-size:12px}.knowledge-mini p{font-size:9px}.transfer-card{padding:23px 20px;margin-top:24px}.transfer-heading h2{font-size:25px}.transfer-card>p{font-size:11px}.transfer-card fieldset>label{gap:11px;padding:12px}.transfer-card label b{font-size:11px;line-height:1.5;display:block}.transfer-card label small{font-size:9px}.transfer-actions{display:block}.transfer-actions .button{width:100%;font-size:12px}.transfer-actions p{font-size:9px;margin:12px 0 0}.transfer-feedback{font-size:11px}.lesson-footer{align-items:flex-start;gap:12px;padding-top:22px}.lesson-footer p{font-size:8px;max-width:220px}.lesson-footer .local-badge{font-size:7px}.lesson-footer .reset-link{font-size:9px}.test-row{font-size:8px;gap:10px}.test-verdict{font-size:7px}.demo-disclosure{padding:12px;gap:8px}.demo-disclosure>p{font-size:9px}.editor-card:focus-within{outline:none}.confirm-dialog{padding:25px}.confirm-dialog h2{font-size:25px}}

.beta-demo-link{font-size:12px;font-weight:600;color:var(--teal);white-space:nowrap}.lesson-footer{flex-wrap:wrap}