/* Browser-local learning area. All interactions stay visible and usable without motion. */
.le{--le-green:#407e43;--le-red:#cb0f33;--le-ink:#17291e;--le-body:#4c5c4d;background:#fff;color:var(--le-ink);overflow-wrap:break-word}
.le [hidden]{display:none!important}.le *{box-sizing:border-box}.le button,.le a{touch-action:manipulation}.le button{font:inherit;cursor:pointer}.le button:disabled{cursor:default}.le a:focus-visible,.le button:focus-visible,.le summary:focus-visible{outline:3px solid var(--le-red);outline-offset:4px}.le h1,.le h2,.le h3{font-weight:600;letter-spacing:-.04em}.le p{color:var(--le-body);line-height:1.8}.le .le-kicker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;line-height:1.6;color:var(--le-green);margin:0 0 17px;display:block}
.le .le-hero{background:#f1f5ed;border-bottom:1px solid #dbe5d5;position:relative;overflow:hidden}.le .le-hero:after{content:'';position:absolute;width:500px;height:500px;right:-230px;top:-100px;border:1px solid #cbdcc1;border-radius:50%;box-shadow:0 0 0 50px #407e4305,0 0 0 100px #407e4304;pointer-events:none}.le .le-hero-inner{padding-block:36px 62px;position:relative;z-index:1}.le .le-backlink{display:inline-flex;align-items:center;min-height:44px;font-size:13px;line-height:1.5;color:#315d36;margin-bottom:25px;text-decoration:underline;text-underline-offset:5px}.le .le-hero h1{font-size:clamp(43px,5.5vw,74px);line-height:1.07;margin:0 0 25px;max-width:1100px;color:#17291e}.le .le-hero h1 em{color:#407e43}.le .le-lead{font-size:18px;max-width:770px;margin:0;line-height:1.8}.le .le-hero-meta{display:flex;flex-wrap:wrap;gap:10px 25px;margin-top:25px;font-size:11px;color:#52664c;line-height:1.6}.le .le-hero-meta span{padding-bottom:6px;border-bottom:1px solid #bed1b4}.le .le-start{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:49px;margin-top:28px;padding:13px 20px;background:#407e43;color:#fff;border-radius:5px;font-size:13px;font-weight:600;line-height:1.5;max-width:100%}.le .le-start>span{font-size:20px}.le .le-scope{padding-block:22px;border-bottom:1px solid #e0e8da;display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.le .le-scope p{font-size:12px;margin:0;line-height:1.8}.le .le-scope a{color:#a10e29;text-decoration:underline;text-underline-offset:3px}
.le .le-workspace{display:grid;grid-template-columns:265px minmax(0,1fr);gap:55px;padding-block:58px 70px;align-items:start;scroll-margin-top:25px}.le .le-sidebar{position:sticky;top:24px}.le .le-index{border-top:2px solid #407e43}.le .le-index>a{display:grid;grid-template-columns:23px minmax(0,1fr) 16px;gap:10px;align-items:center;min-height:53px;padding:13px 10px 13px 0;border-bottom:1px solid #dde6d7;font-size:13px;line-height:1.5;color:#465742}.le .le-index>a:hover{color:#cb0f33}.le .le-index>a[aria-current]{background:#edf4e7;border-left:3px solid #407e43;padding-left:10px;color:#244d2b;font-weight:600}.le .le-index-number{font-size:10px;color:#55734b;font-variant-numeric:tabular-nums}.le .le-index-status{color:#407e43;font-size:13px}.le .le-progress-panel{background:#f5f7f1;padding:20px;margin-top:24px;border:1px solid #e0e8d9;border-radius:5px}.le .le-progress-panel label{font-size:12px;font-weight:600;display:block;margin-bottom:13px}.le progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#dce7d4}.le progress::-webkit-progress-bar{background:#dce7d4}.le progress::-webkit-progress-value{background:#407e43}.le progress::-moz-progress-bar{background:#407e43}.le .le-progress-text{font-size:11px;margin:12px 0 6px}.le .le-reset{border:0;background:none;padding:10px 0;color:#315d36;min-height:42px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.le .le-read-link{display:inline-flex;align-items:center;min-height:44px;margin-top:15px;color:#315d36;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.le .le-stage{min-width:0}.le .le-lesson{border:1px solid #dbe5d4;border-radius:10px;background:#fff;padding:35px;margin-bottom:28px;scroll-margin-top:25px;box-shadow:0 12px 32px #213b2406}.le .le-lesson-head h2,.le .le-completion h2{font-size:clamp(29px,3vw,40px);line-height:1.17;margin:0 0 16px;color:#17291e;scroll-margin-top:28px}.le .le-lesson-head h2:focus,.le .le-completion h2:focus{outline:none}.le .le-summary{font-size:17px;line-height:1.7;margin:0;color:#315439;max-width:720px}.le .le-lesson-content{padding-block:26px}.le .le-copy p{font-size:15px;margin:0 0 14px;line-height:1.8}.le .le-copy p:last-child{margin-bottom:0}.le .le-with-image{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center}.le .le-material-image{margin:0;min-width:0;background:#fff}.le .le-material-image img{display:block;width:100%;height:205px;object-fit:contain;padding:10px;max-width:100%;border:1px solid #e4eadf;border-radius:5px;background:#fff;mix-blend-mode:normal}.le .le-material-image figcaption{font-size:10px;color:#66735f;line-height:1.65;margin-top:10px}.le .le-scenario{padding:20px 23px;border-left:3px solid #407e43;background:#f3f6ef;margin:0 0 28px}.le .le-scenario .le-kicker{font-size:10px;margin-bottom:8px}.le .le-scenario p{font-size:14px;line-height:1.8;margin:0;color:#334b37}.le .le-question{border:0;margin:0;padding:0;min-width:0}.le .le-question legend{font-size:18px;line-height:1.5;font-weight:600;margin-bottom:18px;color:#17291e;padding:0;width:100%}.le .le-answers{display:grid;gap:11px}.le .le-answer{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr);gap:15px;align-items:center;text-align:left;background:#fff;color:#334534;border:1px solid #cddac5;border-radius:6px;padding:16px;font-size:14px;line-height:1.65}.le .le-answer-letter{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#f0f5eb;color:#407e43;font-size:11px;font-weight:600}.le .le-answer:hover{border-color:#407e43;background:#f8faf5}.le .le-answer[aria-pressed=true]{border:2px solid #407e43;padding:15px;background:#edf4e7;color:#244b2c}.le .le-answer[aria-pressed=true] .le-answer-letter{background:#407e43;color:white}.le .le-feedback{margin-top:23px;padding:24px;border:1px solid #c6dabc;border-left:4px solid #407e43;border-radius:5px;background:#f0f6eb}.le .le-feedback[data-correct=false]{background:#fff6f4;border-color:#edd1cc;border-left-color:#cb0f33}.le .le-feedback>strong{font-size:16px;line-height:1.5;display:block;color:#244b2c}.le .le-feedback[data-correct=false]>strong{color:#9c1731}.le .le-feedback p{font-size:14px;line-height:1.8;margin:12px 0 0}.le .le-feedback .le-takeaway{padding-top:14px;border-top:1px solid #d6e3ce;margin-top:18px;font-weight:600}.le .le-step-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:26px}.le .le-next,.le .le-back{display:inline-flex;justify-content:center;align-items:center;gap:25px;border-radius:5px;min-height:49px;padding:13px 20px;font-size:13px;font-weight:600;line-height:1.6;border:1px solid #407e43;text-align:center}.le .le-next{background:#407e43;color:#fff}.le .le-back{background:#fff;color:#315d36;border-color:#d2dfca}.le .le-next:disabled,.le .le-back:disabled{opacity:.43}.le .le-next:not(:disabled):hover{background:#315f36}.le .le-back:not(:disabled):hover{background:#eff5e9}.le .le-choice-hint{font-size:11px;line-height:1.7;margin:15px 0 0;color:#67745f}.le .le-nojs{border-top:1px solid #d7e2cf;padding-top:20px}.le .le-nojs summary{cursor:pointer;color:#315d36;font-size:14px;line-height:1.7}.le .le-nojs p{font-size:14px}.le .le-completion{background:#f1f6eb;border:1px solid #c8dabb;padding:35px;border-radius:10px}.le .le-completion-message{font-size:16px;margin:24px 0}.le .le-takeaways{list-style:none;padding:0;margin:25px 0;border-top:1px solid #c8d8bd}.le .le-takeaways li{padding:18px 0;border-bottom:1px solid #c8d8bd}.le .le-takeaways strong{font-size:15px;line-height:1.6}.le .le-takeaways p{font-size:14px;line-height:1.8;margin:8px 0 0}.le .le-completion-note{font-size:12px;line-height:1.8}.le .le-completion-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}.le .le-outline{color:#315d36;background:transparent}.le .le-outline:hover{color:white}.le .le-footer-note{padding-block:28px 65px;border-top:1px solid #e0e8d9}.le .le-footer-note p{font-size:12px;line-height:1.8;max-width:900px;margin:0 0 10px}.le .le-footer-note a{font-size:12px;line-height:1.7;color:#315d36;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.le .le-workspace{grid-template-columns:225px minmax(0,1fr);gap:30px}.le .le-lesson,.le .le-completion{padding:27px}.le .le-with-image{grid-template-columns:minmax(0,1fr)}.le .le-material-image{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:22px;align-items:center}.le .le-material-image figcaption{margin:0}.le .le-material-image img{height:180px}}
@media(max-width:800px){.le .le-workspace{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:35px 50px}.le .le-sidebar{position:static}.le .le-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.le .le-progress-panel{margin-top:18px;display:grid;grid-template-columns:1fr auto;column-gap:22px}.le .le-progress-panel label,.le .le-progress-panel progress{grid-column:1}.le .le-progress-panel label{margin-bottom:10px}.le .le-progress-panel .le-reset{grid-column:2;grid-row:1/4;align-self:center}.le .le-progress-text{grid-column:1;margin-bottom:0}.le .le-scope{grid-template-columns:1fr;gap:10px;padding-block:20px}.le .le-hero-inner{padding-block:28px 45px}.le .le-lead{font-size:16px}.le .le-hero h1{font-size:clamp(41px,7vw,62px)}.le .le-lesson-content{padding-block:22px}.le .le-lesson-head h2{font-size:32px}.le .le-summary{font-size:16px}}
@media(max-width:480px){.le .le-hero h1{font-size:clamp(37px,9.5vw,46px)}.le .le-hero-meta{font-size:10px;gap:10px 17px}.le .le-index{grid-template-columns:1fr}.le .le-index>a{min-height:46px;font-size:12px;padding-block:11px}.le .le-lesson,.le .le-completion{padding:23px 19px;border-radius:7px}.le .le-lesson-head h2,.le .le-completion h2{font-size:29px}.le .le-material-image{grid-template-columns:1fr;gap:10px}.le .le-material-image img{height:200px}.le .le-material-image figcaption{font-size:10px}.le .le-scenario{padding:18px}.le .le-question legend{font-size:17px}.le .le-answer{padding:14px 12px;gap:12px;font-size:13px}.le .le-answer[aria-pressed=true]{padding:13px 11px}.le .le-feedback{padding:19px 17px}.le .le-step-actions{gap:10px}.le .le-next,.le .le-back{padding:12px 15px;font-size:12px;gap:15px}.le .le-choice-hint{font-size:10px}.le .le-completion-actions{flex-direction:column}.le .le-start{font-size:12px;gap:20px}.le .le-copy p{font-size:14px}}
@media(prefers-reduced-motion:no-preference){.le .le-answer,.le .le-next,.le .le-back{transition:background-color .15s,border-color .15s}.le .le-feedback{animation:le-appear .2s ease both}@keyframes le-appear{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.le *{animation:none!important;transition:none!important}}
