.lesson-page{--ink:#1d302f;--muted:#66756e;--line:#ced6cc;--accent:#ab5536;color:var(--ink);background:#f8f7f1;padding-bottom:120px}.lesson-page .shell{width:min(1200px,100% - 72px)}.lesson-breadcrumb{color:#76847c;gap:12px;padding:25px 0 0;font-size:12px;display:flex}.lesson-breadcrumb a{text-underline-offset:4px;text-decoration:underline #afb9ac}.lesson-breadcrumb span:last-child{color:#2e4945}.lesson-head{grid-template-columns:minmax(0,1fr) 320px;align-items:end;column-gap:78px;padding:61px 0 54px;display:grid}.lesson-kicker,.lesson-index,.lesson-verdict-label,.lesson-figure-caption>span,.lesson-vector-head,.lesson-vector-figure figcaption span,.lesson-lab-notes-head,.lesson-lab-notes dt{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700}.lesson-kicker{color:#466f62;white-space:nowrap;align-items:center;gap:11px;margin:0 0 19px;display:flex}.lesson-rule{background:var(--accent);width:22px;height:2px}.lesson-kicker-end{color:#9aa69a;margin-left:20px}.lesson-head h1{letter-spacing:-.065em;max-width:800px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(49px,5.6vw,78px);font-weight:400;line-height:.99}.lesson-head h1 sub{vertical-align:baseline;font-size:.45em;position:relative;bottom:-.08em}.lesson-deck{max-width:660px;color:var(--muted);margin:24px 0 0;font-size:17px;line-height:1.55}.lesson-verdict{border-top:3px solid var(--ink);margin-bottom:1px;padding:18px 0 0}.lesson-verdict-label{color:#77857b;margin-bottom:16px;display:block}.lesson-verdict strong{color:#28584d;letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:41px;font-weight:400;line-height:1;display:block}.lesson-verdict-stop{color:var(--accent)}.lesson-verdict p{color:#52655e;max-width:290px;margin:13px 0 0;font-size:15px;line-height:1.5}.lesson-model-section{border-top:1px solid var(--line);padding-top:25px}.lesson-section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px;display:flex}.lesson-index{color:var(--accent);display:block}.lesson-section-heading h2,.lesson-analysis h2,.lesson-scope h2,.lesson-more h2{letter-spacing:-.042em;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.08}.lesson-section-heading h2{margin:8px 0 0;font-size:36px}.lesson-section-heading p{text-align:right;color:#6a7870;max-width:300px;margin:0 0 3px;font-size:13px;line-height:1.45}.lesson-lab{background:#112622;border:1px solid #43625b;grid-template-columns:minmax(0,1fr) 270px;display:grid}.lesson-lab-visual{min-width:0}.lesson-lab-notes{background:#eaf0e7;border-left:1px solid #43625b;flex-direction:column;min-width:0;display:flex}.lesson-lab-notes-head{color:#51685e;border-bottom:1px solid #bec9ba;justify-content:space-between;gap:6px;padding:17px 19px;font-size:8px;display:flex}.lesson-lab-notes dl{margin:0;padding:0 19px}.lesson-lab-notes dl>div{border-bottom:1px solid #bdc8bb;padding:18px 0 17px}.lesson-lab-notes dt{color:#76877a;margin-bottom:5px}.lesson-lab-notes dd{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-family:Georgia,Times New Roman,serif;font-size:29px;line-height:1.15}.lesson-lab-notes dd span{font-size:.68em}.lesson-lab-notes dd.lesson-angle-summary{font-size:23px}.lesson-record-source{color:#728275;margin:auto 19px 19px;padding-top:20px;font-size:11px;line-height:1.4}.lesson-record-source a{color:#26584b;text-underline-offset:3px;text-decoration:underline}.lesson-vsepr-link{color:#667b6b;margin:auto 19px 20px;padding-top:18px;font-size:11px;line-height:1.5}.lesson-vsepr-link a{color:#245c49;text-underline-offset:3px;text-decoration:underline}.lesson-figure-caption{color:#76847a;align-items:baseline;gap:25px;margin:13px 0 0;font-size:12px;line-height:1.5;display:flex}.lesson-figure-caption>span{color:#334e44;white-space:nowrap}.lesson-figure-caption a{color:#28644e;text-underline-offset:3px;text-decoration:underline}.lesson-page .model-lab{background:#102420;border:0;border-radius:0;margin:0}.lesson-page .model-lab .model-stage{background-color:#102420;background-image:linear-gradient(90deg,#b7d3bd0a 1px,#0000 1px),linear-gradient(#b7d3bd0a 1px,#0000 1px),radial-gradient(circle at 50% 43%,#2a453d 0%,#18322d 47%,#102420 80%);background-size:44px 44px,44px 44px,auto;height:530px}.lesson-page .model-lab__eyebrow{z-index:2;color:#9ebcb0;letter-spacing:.12em;pointer-events:none;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:19px;left:21px}.lesson-page .model-lab__legend{z-index:2;color:#c6dace;letter-spacing:.04em;pointer-events:none;gap:17px;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:absolute;top:19px;right:21px}.lesson-page .model-lab__legend span{align-items:center;gap:6px;display:inline-flex}.lesson-page .model-lab__swatch{border:1px solid #fff6;border-radius:50%;width:9px;height:9px;display:inline-block}.lesson-page .model-lab__swatch--al{background:#a5bbc3}.lesson-page .model-lab__swatch--cl{background:#83d6a1}.lesson-page .model-lab__tooltip{z-index:4;color:#233a33;white-space:nowrap;pointer-events:none;background:#f4f5ea;border:1px solid #d8dec9;padding:8px 11px;font:600 12px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute}.lesson-page .model-lab__tooltip[hidden]{display:none}.lesson-page .model-lab__angle-readout{z-index:3;color:#2c4439;pointer-events:none;background:#f4f5ea;border-left:2px solid #f2ac78;gap:5px;max-width:min(250px,100% - 36px);padding:10px 12px;display:grid;position:absolute;bottom:18px;right:18px}.lesson-page .model-lab__angle-readout[hidden]{display:none}.lesson-page .model-lab__angle-readout>span{color:#6d7d70;letter-spacing:.1em;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace}.lesson-page .model-lab__angle-readout strong{font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace}.lesson-page .model-lab__angle-label{z-index:3;color:#8b492d;pointer-events:none;white-space:nowrap;background:#f4f5ea;padding:3px 5px;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute}.lesson-page .model-lab__angle-label[hidden]{display:none}@media (width<=620px){.lesson-page .model-lab__tooltip{white-space:normal;max-width:calc(100% - 24px)}}.lesson-page .model-lab .model-bottom{color:#b7cbbd;background:#142c28;border-top:1px solid #48665c;padding:12px 18px;font-size:11px}.lesson-page .model-lab .model-icon{color:#a6d0ac}.lesson-page .model-lab .model-poster line{stroke:#b6c9bf}.lesson-page .model-lab .model-poster-axis text{fill:#b6c9bf}.lesson-page .model-lab .model-controls{gap:5px}.lesson-page .model-lab .model-controls button{color:#e8f2e8;background:#213b34;border:1px solid #698276;border-radius:0;min-height:29px}.lesson-page .model-lab .model-controls button:hover{background:#365849}.lesson-page .model-lab .model-controls .model-lab__angle-toggle,.lesson-page .model-lab .model-controls .model-lab__plan-view{white-space:nowrap;padding:0 10px;font-size:11px;font-weight:700}.lesson-page .model-lab .model-controls .model-lab__angle-toggle[aria-pressed=true],.lesson-page .model-lab .model-controls .model-lab__plan-view[aria-pressed=true]{color:#173e2d;background:#cbe4cd;border-color:#cbe4cd}.lesson-page .model-lab .model-controls [data-reset]{padding:0 9px}.lesson-page .model-lab .model-note{display:none}.lesson-analysis{border-top:1px solid var(--line);grid-template-columns:260px minmax(0,1fr);gap:65px;margin-top:96px;padding-top:28px;display:grid}.lesson-analysis-intro h2{margin:15px 0;font-size:43px}.lesson-analysis-intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.lesson-analysis-main{grid-template-columns:minmax(0,1fr) 320px;gap:34px;display:grid}.lesson-reading{border-left:2px solid #b7c8b9;max-width:740px;padding:0 0 0 29px}.lesson-reading p{color:#4c6258;margin:0;font-size:clamp(17px,2vw,20px);line-height:1.75}.lesson-steps{margin:0;padding:0;list-style:none}.lesson-steps li{border-bottom:1px solid #d7ded2;grid-template-columns:42px minmax(0,1fr);gap:18px;padding:17px 0 23px;display:grid}.lesson-steps li:first-child{padding-top:3px}.lesson-step-no{color:var(--accent);padding-top:5px;font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace}.lesson-steps h3{letter-spacing:-.025em;margin:0 0 7px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:400}.lesson-steps p{color:#5e7067;margin:0;font-size:14px;line-height:1.65}.lesson-vector-figure{background:#eff0e9;border:1px solid #c3cdc0;align-self:start;margin:0}.lesson-vector-head{color:#586f62;justify-content:space-between;padding:15px 16px 0;font-size:9px;display:flex}.lesson-vector-figure svg{fill:#324c45;width:100%;height:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700;display:block}.lesson-vector-figure figcaption{border-top:1px solid #c3cdc0;flex-direction:column;gap:4px;padding:13px 16px 16px;display:flex}.lesson-vector-figure figcaption span{color:#7c8b7e}.lesson-vector-figure figcaption strong{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400}.lesson-scope{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:260px minmax(0,1fr);gap:65px;margin-top:86px;padding-top:23px;padding-bottom:39px;display:grid}.lesson-scope h2{margin:0 0 14px;font-size:35px}.lesson-scope p{color:#5d6f65;max-width:770px;margin:0 0 13px;font-size:15px;line-height:1.68}.lesson-scope p strong{color:#2c4c41}.lesson-scope a{color:#28644e;text-underline-offset:3px;font-size:12px;font-weight:700;text-decoration:underline}.lesson-faq{grid-template-columns:260px minmax(0,1fr);gap:65px;padding-top:64px;display:grid}.lesson-faq-head h2{margin:12px 0 0;font-size:35px;line-height:1.13}.lesson-faq-list{margin:0;padding:0;list-style:none}.lesson-faq-list li{border-top:1px solid #cfd8cc;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:20px 0 22px;display:grid}.lesson-faq-list li:last-child{border-bottom:1px solid #cfd8cc}.lesson-faq-no{color:#a45f43;padding-top:6px;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.lesson-faq details{min-width:0}.lesson-faq summary{cursor:pointer;justify-content:space-between;align-items:start;gap:18px;padding:0 0 3px;font-size:19px;font-weight:600;line-height:1.3;list-style:none;display:flex}.lesson-faq summary::-webkit-details-marker{display:none}.lesson-faq summary:focus-visible{outline-offset:5px;outline:2px solid #287355}.lesson-faq-icon{border:1px solid #8aa898;border-radius:50%;flex:0 0 21px;width:21px;height:21px;margin-top:2px;position:relative}.lesson-faq-icon:before,.lesson-faq-icon:after{content:"";background:#376b55;height:1px;position:absolute;top:9px;left:5px;right:5px}.lesson-faq-icon:after{transition:transform .15s;transform:rotate(90deg)}.lesson-faq details[open] .lesson-faq-icon:after{transform:rotate(0)}.lesson-faq summary:hover{color:#176e53}.lesson-faq h3{margin:0 0 8px;font-size:19px;font-weight:600;line-height:1.3}.lesson-faq p{color:#5d6f65;margin:10px 39px 0 0;font-size:15px;line-height:1.68}.lesson-more{grid-template-columns:260px minmax(0,1fr);gap:65px;padding-top:64px;display:grid}.lesson-more h2{margin:12px 0 0;font-size:39px}.lesson-more-links a{border-top:1px solid #cfd8cc;grid-template-columns:100px minmax(0,1fr) 25px;align-items:baseline;gap:15px;padding:17px 0;display:grid}.lesson-more-links a:last-child{border-bottom:1px solid #cfd8cc}.lesson-more-links a:hover{color:#1f865c}.lesson-more-links strong{font-size:21px}.lesson-more-links span{color:#697a6d;font-size:13px}.lesson-more-links a span:last-child{color:#3b7657;justify-self:end}.lesson-feedback{border-top:1px solid var(--line);color:#6a7b6d;justify-content:space-between;gap:20px;margin-top:62px;padding-top:20px;font-size:13px;display:flex}.lesson-feedback a{color:#265b48;text-underline-offset:4px;font-weight:700;text-decoration:underline}@media (width<=1050px){.lesson-head{grid-template-columns:minmax(0,1fr) 260px;gap:35px}.lesson-analysis,.lesson-scope,.lesson-faq,.lesson-more{grid-template-columns:200px minmax(0,1fr);gap:35px}.lesson-analysis-main{grid-template-columns:minmax(0,1fr) 280px;gap:20px}}@media (width<=800px){.lesson-page .shell{width:min(100% - 40px,1200px)}.lesson-head{grid-template-columns:1fr;gap:36px;padding:45px 0 40px}.lesson-head h1{max-width:650px}.lesson-verdict{grid-template-columns:145px 1fr;align-items:baseline;gap:4px 18px;display:grid}.lesson-verdict-label{grid-column:1/-1;margin-bottom:6px}.lesson-verdict strong{font-size:36px}.lesson-verdict p{max-width:400px;margin:0}.lesson-lab{grid-template-columns:minmax(0,1fr) 210px}.lesson-lab-notes dd{font-size:23px}.lesson-analysis,.lesson-scope,.lesson-faq,.lesson-more{display:block}.lesson-analysis-intro{max-width:600px;margin-bottom:30px}.lesson-more-head,.lesson-faq-head{margin-bottom:25px}}@media (width<=620px){.lesson-page .shell{width:min(100% - 30px,1200px)}.lesson-breadcrumb{padding-top:20px}.lesson-head{padding:42px 0 34px}.lesson-kicker{flex-wrap:wrap;font-size:9px}.lesson-kicker-end{margin-left:0}.lesson-head h1{font-size:clamp(46px,11vw,66px)}.lesson-deck{margin-top:18px;font-size:15px}.lesson-verdict{grid-template-columns:1fr;gap:7px}.lesson-verdict p{font-size:14px}.lesson-section-heading{flex-direction:column;align-items:start;gap:7px}.lesson-section-heading h2{font-size:31px}.lesson-section-heading p{text-align:left}.lesson-lab{grid-template-columns:1fr}.lesson-page .model-lab .model-stage{height:min(110vw,410px)}.lesson-page .model-lab .model-bottom{flex-wrap:wrap;gap:9px}.lesson-page .model-lab .model-controls{flex-wrap:wrap;margin:0}.lesson-lab-notes{border-top:1px solid #43625b;border-left:0}.lesson-lab-notes dl{grid-template-columns:repeat(2,1fr);gap:0 22px;display:grid}.lesson-lab-notes dl>div{padding:12px 0}.lesson-record-source{margin:14px 19px 16px;padding:0}.lesson-vsepr-link{margin:16px 19px 18px;padding:0}.lesson-page .model-lab .model-controls button{min-height:38px}.lesson-figure-caption{display:block}.lesson-figure-caption span{margin-bottom:4px;display:block}.lesson-analysis{margin-top:68px}.lesson-analysis-intro h2{font-size:36px}.lesson-analysis-main{grid-template-columns:1fr}.lesson-vector-figure{width:100%;max-width:360px;margin:10px auto 0}.lesson-scope{margin-top:67px}.lesson-scope h2{margin-top:14px;font-size:31px}.lesson-faq{padding-top:55px}.lesson-faq-head h2{font-size:31px}.lesson-faq-list li{grid-template-columns:30px minmax(0,1fr);gap:10px}.lesson-faq summary{font-size:17px}.lesson-more h2{font-size:33px}.lesson-more-links a{grid-template-columns:70px 1fr 20px;gap:8px}.lesson-more-links span{font-size:12px}.lesson-reading{padding-left:17px}.lesson-feedback{display:block}.lesson-feedback a{margin-top:8px;display:block}}