.lesson-page .article-body{font-size:15px;line-height:1.9}.lesson-intro{background:#edf5f1;border:1px solid #d5e4dc;border-radius:12px;padding:28px 30px;margin-bottom:40px}.tutorial-sequence-id{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#25705b}.lesson-page .lesson-intro h2{font-size:29px;margin:12px 0 15px;line-height:1.2}.lesson-page .lesson-intro p{margin:0;font-size:15px;color:#4e6b5d}.lesson-section{scroll-margin-top:110px;border-bottom:1px solid #e0eae4;padding-bottom:28px;margin-bottom:36px}.lesson-page .lesson-section>h2{font-size:28px;margin:0 0 23px;line-height:1.3}.lesson-page .lesson-section p{margin:0 0 20px}.lesson-page li{padding-left:4px;margin-bottom:13px}.lesson-page ol{padding-left:25px}.lesson-page strong{font-weight:650}.lesson-page .lesson-figure{background:#f5f8f6;border:1px solid #cfdfd5;border-radius:10px;overflow:hidden;margin:28px 0}.lesson-page .lesson-full-shot{width:100%;height:auto;max-height:none;border:0;border-radius:0;margin:0;display:block}.lesson-crop{position:relative;overflow:hidden;background:#f3f5f4}.lesson-page .lesson-crop img{position:absolute;display:block;max-width:none!important;max-height:none!important;height:auto;margin:0!important;border:0;border-radius:0;object-fit:initial}.lesson-page .lesson-figure figcaption{padding:15px 19px;background:#fff;border-top:1px solid #dce7e0;color:#567062;font-size:12px;line-height:1.75}.lesson-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lesson-pair .lesson-figure{margin:20px 0}.lesson-note{padding:23px 25px;border-left:3px solid #29846b;background:#edf5f1;border-radius:0 9px 9px 0;margin:27px 0}.lesson-note>strong{display:block;color:#1a5c47;font-size:15px;margin-bottom:9px}.lesson-page .lesson-note p{font-size:14px;line-height:1.85;margin:0}.lesson-table{overflow-x:auto;border:1px solid #d1e0d6;border-radius:9px;margin:27px 0}.lesson-table:focus-visible{outline:2px solid #007b68;outline-offset:4px}.lesson-page .lesson-table td{min-width:150px}.lesson-page .lesson-table th{min-width:150px}.lesson-page .lesson-table tr:last-child td{border-bottom:0}.lesson-checks{padding-left:23px}.lesson-formula{font-family:inherit;font-size:14px;line-height:1.8;border:1px solid #d4e2da;padding:16px 20px;background:#f3f7f4;border-radius:7px;margin:16px 0}.lesson-next{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.lesson-next a{display:block;text-decoration:none;padding:22px;border:1px solid #d1e0d6;border-radius:9px;font-size:14px;line-height:1.6;color:#086c56}.lesson-next small{display:block;color:#61776a;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:9px}.lesson-series-link{font-size:12px;text-align:center;margin-top:22px!important}.lesson-page .article-toc a{padding:8px 0}.lesson-page .article-toc{font-size:12px;line-height:1.6}.lesson-section a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.lesson-page .article-toc{max-height:none;padding:18px 18px 13px;border-radius:8px}.lesson-page .article-toc .eyebrow{padding-top:0}.lesson-page .article-body{font-size:14px;line-height:1.9}.lesson-intro{padding:23px 22px;margin-bottom:32px}.lesson-page .lesson-intro h2{font-size:26px}.lesson-page .lesson-intro p{font-size:14px}.lesson-page .lesson-section>h2{font-size:25px;line-height:1.3}.lesson-pair,.lesson-next{grid-template-columns:1fr;gap:13px}.lesson-pair .lesson-figure{margin:8px 0}.lesson-page .lesson-figure figcaption{font-size:11px;padding:14px 16px}.lesson-note{padding:20px}.lesson-page .lesson-note p{font-size:13px}.lesson-page .lesson-table th,.lesson-page .lesson-table td{min-width:145px;padding:12px}.lesson-section{padding-bottom:23px;margin-bottom:30px}.lesson-next a{padding:20px}.lesson-formula{font-size:13px;padding:15px}.lesson-page .lesson-figure{margin:24px 0}}

.lesson-page .lesson-figure{position:relative}.lesson-image-expand{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:35px;height:35px;padding:7px;border:1px solid #b8ccc0;border-radius:7px;color:#17654e;background:#fffffff2;cursor:pointer;box-shadow:0 2px 7px #163c2912}.lesson-image-expand svg{width:20px;height:20px}.lesson-image-expand:focus-visible,.lesson-image-close:focus-visible,.lesson-image-viewport:focus-visible{outline:3px solid #087f63;outline-offset:3px}.lesson-image-dialog{border:1px solid #adc8b8;border-radius:12px;padding:16px;max-width:94vw;max-height:92vh;width:fit-content;background:#f6faf7;color:#173d2c;box-shadow:0 20px 80px #102b2255}.lesson-image-dialog::backdrop{background:#102d24ba}.lesson-image-close{display:block;margin:0 0 14px auto;padding:10px 16px;border:1px solid #b7ccbf;border-radius:6px;background:white;color:#205a43;cursor:pointer;font:inherit;font-size:13px}.lesson-image-viewport{overflow:auto;max-height:calc(92vh - 100px);max-width:calc(94vw - 35px);overscroll-behavior:contain}.lesson-image-expanded{margin:0;background:white}.lesson-image-expanded .lesson-crop{position:relative;overflow:hidden}.lesson-image-expanded .lesson-crop img{position:absolute;max-width:none!important;max-height:none!important;height:auto;margin:0;border:0;border-radius:0}.lesson-image-expanded .lesson-full-shot{display:block;width:100%;max-height:none;height:auto;margin:0}.lesson-image-expanded figcaption{font-size:12px;line-height:1.7;padding:17px 20px;color:#526d5d;border-top:1px solid #d1e0d6}
