.lesson-page{background:#f5f3ef}.lesson-nav-label{font:10px var(--mono);letter-spacing:.1em;color:#9b958b}.lesson-exit{font-size:11px;font-weight:700}.lesson-exit span{color:var(--orange);font-size:15px;margin-left:8px}.lesson-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 88px)}.lesson-sidebar{border-right:1px solid var(--line);padding:75px 45px 50px 0;position:relative}.lesson-path-label,.lesson-meta{font:10px var(--mono);letter-spacing:.1em;color:var(--orange)}.lesson-sidebar h1{font-size:35px;line-height:1.05;letter-spacing:-.07em;margin:17px 0 56px}.lesson-sidebar h1 span{color:var(--orange)}.lesson-progress>div:first-child{display:flex;justify-content:space-between;font:9px var(--mono);color:#99938a}.lesson-progress strong{color:var(--ink);font-weight:500}.lesson-progress .progress-line{margin-top:10px}.lesson-list{list-style:none;padding:0;margin:48px 0 0}.lesson-list li{border-top:1px solid var(--line);padding:15px 0;color:#aaa49b;font-size:11px}.lesson-list li b{font:10px var(--mono);display:inline-block;width:35px}.lesson-list li.current{color:var(--ink);font-weight:700}.lesson-list li.current b{color:var(--orange)}.lesson-list li.complete{color:#77736d}.lesson-list li.complete b{color:#65a98d}.lesson-sidebar-note{position:absolute;bottom:45px;display:flex;gap:12px;color:#8c877e;font-size:10px;line-height:1.5}.lesson-sidebar-note span{color:var(--orange);font-size:17px}.lesson-sidebar-note p{margin:0}.lesson-sidebar-note strong{color:var(--ink)}.lesson-content{max-width:800px;padding:82px 7vw 90px}.lesson-meta{display:flex;gap:24px;color:#99938a}.lesson-meta span:first-child{color:var(--orange)}.lesson-content h2{font-size:clamp(46px,6vw,76px);letter-spacing:-.08em;line-height:.98;margin:30px 0}.lesson-content h2 em{font-style:normal;color:var(--orange)}.lesson-lede{font-size:17px;line-height:1.7;color:var(--muted);max-width:630px;margin-bottom:48px}.lesson-callout{display:flex;gap:23px;background:#fff;border-left:3px solid var(--orange);padding:22px 25px;margin-bottom:58px}.lesson-callout>span{font:12px var(--mono);color:var(--orange)}.lesson-callout strong{font-size:12px}.lesson-callout p{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 0}.lesson-content>h3{font-size:26px;letter-spacing:-.06em;margin-bottom:24px}.context-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:65px}.context-layers div{border:1px solid var(--line);padding:18px;min-height:150px}.context-layers span{display:block;color:var(--orange);font:10px var(--mono);margin-bottom:30px}.context-layers strong{font-size:14px}.context-layers p{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:0}.lesson-exercise{background:var(--navy);color:#fff;padding:27px 30px;margin-bottom:30px}.exercise-heading{display:flex;justify-content:space-between;align-items:start}.exercise-heading h3{font-size:22px;letter-spacing:-.05em;margin:10px 0 22px}.exercise-score{font:10px var(--mono);color:#7fc5ab}.lesson-exercise>p{font-size:12px;color:#aeb8b7;line-height:1.6;margin-bottom:24px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-grid button{background:#26343b;border:1px solid #ffffff1c;color:#dce3df;text-align:left;padding:15px;font-size:11px;line-height:1.5}.choice-grid button:hover{border-color:var(--orange)}.choice-grid button.correct{border-color:#6fc4a4;background:#25443c}.choice-grid button.incorrect{border-color:#e68062;background:#4b302b}.exercise-feedback{min-height:22px;color:#8bd0b1;font-size:11px;margin-top:15px}.lesson-bottom{display:flex;justify-content:space-between;align-items:center}.lesson-bottom .button-quiet{padding-left:0}@media(max-width:800px){.lesson-layout{display:block}.lesson-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:45px 20px 30px}.lesson-sidebar h1{font-size:30px;margin-bottom:30px}.lesson-list{display:none}.lesson-sidebar-note{display:none}.lesson-content{padding:50px 20px 65px}.lesson-content h2{font-size:48px}.context-layers{grid-template-columns:1fr;margin-bottom:45px}.context-layers div{min-height:0}.context-layers span{margin-bottom:15px}.choice-grid{grid-template-columns:1fr}.lesson-bottom{gap:15px}.lesson-bottom .button{padding-left:0;padding-right:0}.lesson-nav-label{display:none}}
.lesson-nav-pair{display:flex;gap:8px;align-items:center}@media(max-width:800px){.lesson-bottom{flex-direction:column;align-items:flex-start}.lesson-nav-pair{flex-wrap:wrap}}