.lesson-section{padding-top:42px;padding-bottom:50px;scroll-margin-top:0}.lesson-section .proposal-marker{margin-bottom:30px}.lesson-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.lesson-heading .eyebrow{color:#60735c;margin-bottom:16px}.lesson-heading h2{font-size:44px;line-height:1.2;letter-spacing:-1.8px;font-weight:550}.lesson-heading h2 span{color:#577d39}.lesson-heading p{font-size:15px;line-height:1.8;color:#737b74;margin:18px 0 0}.lesson-controls{display:flex;flex-direction:column;align-items:flex-end;gap:17px;padding-bottom:5px;flex-shrink:0}.lesson-controls>span{font-size:12px;color:#77816f}.lesson-controls>div{display:flex;gap:8px}.lesson-controls button{height:43px;width:43px;border-radius:50%;border:1px solid #d4ddcd;background:#fff;color:#244b37;font-size:22px;cursor:pointer}.lesson-controls button:hover:not(:disabled){background:#d5f577;border-color:#d5f577}.lesson-controls button:disabled{opacity:.35;cursor:default}.lesson-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aabf92 #e8eddf;padding:3px 1px 14px;overscroll-behavior-inline:contain}.lesson-card{scroll-snap-align:start;min-width:0;background:white;border:1px solid #dfe4da;border-radius:20px;overflow:hidden}.lesson-open{display:block;background:none;color:inherit;border:0;padding:0;width:100%;height:100%;text-align:left;cursor:pointer;white-space:normal}.lesson-cover{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#e6edda}.lesson-cover img{display:block;width:100%;height:100%;object-fit:cover}.lesson-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12281920,transparent 65%);pointer-events:none}.lesson-play{display:grid;place-items:center;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:53px;height:53px;border-radius:50%;border:1px solid #ffffffd9;background:#244b37ed;color:white;padding-left:3px;font-size:18px;box-shadow:0 4px 25px #11271922}.lesson-open:hover .lesson-play{background:#d5f577;color:#244b37}.lesson-body{padding:21px 22px 20px;display:flex;flex-direction:column;min-height:188px}.lesson-kicker{font-size:9px;letter-spacing:1px;font-weight:750;color:#7e8975}.lesson-body strong{font-size:19px;line-height:1.4;letter-spacing:-.5px;display:block;margin:9px 0 8px;min-height:52px;font-weight:650}.lesson-description{font-size:12px;line-height:1.75;color:#6f7b64;display:block}.lesson-watch{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:750;margin-top:auto;padding-top:18px}.lesson-watch>span{font-size:19px;font-weight:500}.lesson-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px}.lesson-bottom p{font-size:11px;line-height:1.75;color:#77816f;margin:0}.lesson-swipe{font-size:11px;font-weight:650;color:#60735c}.lesson-social{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:29px;border-top:1px solid #dfe4da;padding-top:24px}.lesson-social>div{display:flex;flex-direction:column;gap:4px}.lesson-social strong{font-size:14px;font-weight:700}.lesson-social>div>span{font-size:11px;color:#7a8570}.lesson-social nav{display:flex;gap:10px;flex-wrap:wrap}.lesson-social nav a{border-radius:24px;border:1px solid #d7e0ce;background:#eef2e7;padding:10px 17px;font-size:12px;font-weight:650}.lesson-social nav a:hover{background:#d5f577}.lesson-dialog{width:min(980px,calc(100% - 36px));max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #dfe4da;border-radius:22px;padding:24px;background:#f7f8f4;color:#1b2821;box-shadow:0 40px 120px #10241855}.lesson-dialog::backdrop{background:#102418b8;backdrop-filter:blur(5px)}.lesson-dialog-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.lesson-dialog-header>div>span{font-size:9px;letter-spacing:1px;color:#718165;font-weight:750}.lesson-dialog-header h2{font-size:25px;line-height:1.35;letter-spacing:-.6px;margin:6px 0 0}.lesson-dialog-header>button{border:1px solid #d4ddcd;background:#fff;border-radius:50%;height:40px;width:40px;flex-shrink:0;font-size:27px;color:#244b37;cursor:pointer}.lesson-player{aspect-ratio:16/9;background:#182b20;border-radius:12px;overflow:hidden;min-height:200px}.lesson-player iframe{display:block;width:100%;height:100%;border:0}.lesson-player-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:17px}.lesson-player-tools [role=group]{display:flex;gap:7px}.lesson-player-tools button{font-family:inherit;font-size:12px;padding:9px 15px;border-radius:20px;border:1px solid #d7e0ce;background:#fff;cursor:pointer}.lesson-player-tools button[aria-pressed=true]{background:#244b37;color:#fff;border-color:#244b37}.lesson-player-tools>a{font-size:11px;font-weight:650}.lesson-player-help{font-size:11px;color:#7a8570;line-height:1.7;margin:16px 0 0}.lesson-track:focus-visible,.lesson-open:focus-visible{outline:3px solid #608a22;outline-offset:-3px}
@media(max-width:900px){.lesson-track{grid-auto-columns:calc((100% - 18px)/2);gap:18px}.lesson-heading h2{font-size:38px}.lesson-social{align-items:flex-start}.lesson-social nav{justify-content:flex-end}}
@media(max-width:700px){.lesson-section{padding-top:28px;padding-bottom:32px}.lesson-section .proposal-marker{margin-bottom:24px}.lesson-heading{align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.lesson-heading>div:first-child{width:100%}.lesson-heading h2{font-size:32px;letter-spacing:-1.1px;line-height:1.2}.lesson-heading .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:13px}.lesson-heading p{font-size:13px;line-height:1.75;margin-top:17px}.lesson-controls{flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:0;gap:15px}.lesson-controls>span{font-size:11px}.lesson-controls button{width:37px;height:37px;font-size:20px}.lesson-track{grid-auto-columns:88%;gap:14px;padding-bottom:12px}.lesson-cover .lesson-play{width:45px;height:45px;font-size:15px}.lesson-body{padding:18px;min-height:188px}.lesson-body strong{font-size:19px;min-height:52px}.lesson-bottom{gap:12px;align-items:flex-start}.lesson-bottom p{font-size:10px}.lesson-swipe{font-size:10px;white-space:nowrap;padding-top:2px}.lesson-social{flex-direction:column;gap:17px;align-items:flex-start;margin-top:22px;padding-top:20px}.lesson-social nav{gap:7px;justify-content:flex-start}.lesson-social nav a{padding:9px 13px;font-size:11px}.lesson-dialog{width:calc(100% - 20px);padding:16px;border-radius:17px;max-height:calc(100dvh - 20px)}.lesson-dialog-header{margin-bottom:16px}.lesson-dialog-header h2{font-size:20px}.lesson-dialog-header>div>span{font-size:8px}.lesson-dialog-header>button{width:35px;height:35px}.lesson-player{min-height:200px;border-radius:8px}.lesson-player-tools{flex-wrap:wrap;gap:14px}.lesson-player-tools button{padding:9px 14px}.lesson-player-help{font-size:10px}}
@media(prefers-reduced-motion:reduce){.lesson-track{scroll-behavior:auto}.lesson-dialog::backdrop{backdrop-filter:none}}

@media(min-width:701px){.lesson-dialog{width:min(980px,calc(100% - 36px),calc(177.78dvh - 415px))}}

.lesson-player{min-width:0;min-height:0}.lesson-player video{display:block;width:100%;max-width:100%;min-width:0;height:100%;aspect-ratio:16/9;object-fit:contain}.lesson-player-tools>span{font-size:11px;color:#718165}.lesson-player-help:empty{display:none}

/* Keep the close icon centered independently of font metrics and title wrapping. */
.lesson-dialog-header{min-height:48px;padding-right:56px}
.lesson-dialog-header>div{min-width:0}
.lesson-dialog-header>button{position:absolute;top:24px;right:24px;display:grid;place-items:center;padding:0;line-height:1;font-size:initial}
.lesson-dialog-header>button svg{display:block;width:20px;height:20px;pointer-events:none}
.lesson-dialog-header>button:hover{background:#e6eddd}
.lesson-dialog-header>button:focus-visible{outline:3px solid #608a22;outline-offset:3px}
@media(max-width:700px){.lesson-dialog-header{padding-right:51px;min-height:44px}.lesson-dialog-header>button{top:16px;right:16px}.lesson-dialog-header>button svg{width:18px;height:18px}}