.lesson-excerpts{padding:32px 28px 56px;scroll-margin-top:100px;min-height:440px}
.lesson-player{width:100%;max-width:588px;overflow:hidden;border-radius:22px;background:#fffdf8;color:#383c32;box-shadow:0 15px 40px #72594714;padding:20px}
.lesson-player-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e8e5dc}
.lesson-teacher{display:flex;align-items:center;gap:8px;font-size:11px;color:#777363}
.lesson-teacher img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.lesson-player-heading [data-lesson-number]{font-size:8px;letter-spacing:1px;color:#978b79;white-space:nowrap}
.lesson-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:21px;align-items:start}
.lesson-watch{min-width:0}
.lesson-screen{position:relative;width:100%;aspect-ratio:16/9;background:#24251e;overflow:hidden;border-radius:11px}
.lesson-screen .excerpt-open{align-items:flex-end;justify-content:flex-start;padding:8px}
.lesson-excerpt{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .35s ease;pointer-events:none}
.lesson-excerpt.is-current{opacity:1;z-index:1}
.lesson-description{padding:14px 0 0}
.lesson-description>p{font-size:9px;color:#8d8272;line-height:1.3}
.lesson-description h4{font-size:22px;line-height:1.14;letter-spacing:-.6px;margin-top:7px;min-height:2.28em;text-wrap:balance}
.lesson-description>a{font-size:10px;display:inline-flex;align-items:center;gap:7px;color:#696c5a;margin-top:14px}
.lesson-description>a:hover{color:#244f7a;text-decoration:underline;text-underline-offset:3px}
.lesson-resources{min-width:0;border-left:1px solid #eae6dc;padding-left:18px}
.lesson-resources-kicker{font-size:8px;line-height:1.3;letter-spacing:.9px;color:#92816d;margin-bottom:11px}
.lesson-resource-stage{display:grid;min-height:190px}
.lesson-resource-panel{grid-area:1/1;display:grid;align-content:start;gap:7px}
.lesson-resource-panel[hidden]{display:none}
.lesson-resource-link{display:flex;align-items:center;gap:8px;min-height:55px;border:1px solid #e9e6dc;background:#f7f6ef;border-radius:10px;padding:10px 9px;color:#5a5d4d;transition:background .2s,border-color .2s}
.lesson-resource-link:hover{background:#e2efff;border-color:#b9d2ed}
.lesson-resource-icon{display:grid;place-items:center;width:23px;height:25px;flex:none;color:#9a9a7b}
.lesson-resource-icon .icon{width:16px;height:16px}
.lesson-resource-text{min-width:0;display:grid;gap:4px;flex:1}
.lesson-resource-text strong{font-weight:400;font-size:11px;line-height:1.25;letter-spacing:-.1px}
.lesson-resource-text>span{font-size:9px;line-height:1.3;color:#8a8f7b}
.lesson-resource-link>span:last-child{font-size:11px;flex:none;color:#909679}
.lesson-resource-note{font-size:9px;line-height:1.5;color:#9a9483;margin-top:13px}
.lesson-resource-panel.is-current .lesson-resource-link{animation:lesson-resource-in .4s ease both;animation-delay:calc(var(--resource-order)*.06s)}
@keyframes lesson-resource-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.lesson-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;width:100%}
.lesson-choices{display:flex;gap:3px;padding:3px;border:1px solid #9f806817;border-radius:999px;background:#ffffff45}
.lesson-choices>button{position:relative;overflow:hidden;border:0;border-radius:999px;background:transparent;color:#6c5649;font-size:11px;line-height:1.2;padding:8px 13px;white-space:nowrap}
.lesson-choices>button[aria-pressed=true]{background:#e2efff;color:#244f7a;box-shadow:0 2px 6px #7052390b}
.lesson-excerpt-progress{position:absolute;inset:auto 12px 0;height:2px;background:#bda186;transform:scaleX(0);transform-origin:left;transition:transform .2s linear}
.lesson-choices>button[aria-pressed=true] .lesson-excerpt-progress{transform:scaleX(var(--lesson-progress,0))}
.lesson-playback{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #987c6425;border-radius:50%;background:transparent;color:#6c5649}
.lesson-playback:hover{background:#ffffff50}
.lesson-playback svg{width:12px;height:12px;fill:currentColor}
.lesson-playback .lesson-play-icon{display:none}
.lesson-playback[aria-pressed=true] .lesson-pause-icon{display:none}
.lesson-playback[aria-pressed=true] .lesson-play-icon{display:block}
.lesson-excerpts button:focus-visible,.lesson-excerpts a:focus-visible{outline-color:#295e8e;outline-offset:3px}
.lesson-excerpts .visual-caption{color:#735e50;font-size:9px}
@media(min-width:761px) and (max-width:1050px){.lesson-excerpts{padding:28px 20px 53px}.lesson-player{padding:17px}.lesson-workspace{gap:14px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.lesson-resources{padding-left:13px}.lesson-description h4{font-size:19px}.lesson-resource-icon{display:none}.lesson-resource-link{gap:6px;padding-inline:8px}}
@media(max-width:760px){.lesson-excerpts{padding:28px 25px 53px}.lesson-description h4{font-size:23px}}
@media(max-width:540px){.lesson-excerpts{padding:24px 19px 49px;min-height:0}.lesson-player{border-radius:18px;padding:17px}.lesson-player-heading{padding-bottom:13px;margin-bottom:15px}.lesson-teacher{font-size:10px}.lesson-workspace{grid-template-columns:1fr;gap:20px}.lesson-screen{max-width:236px;margin-inline:auto}.lesson-description{padding-top:12px}.lesson-description h4{font-size:21px;min-height:0;margin-top:6px;text-wrap:initial}.lesson-description>a{font-size:10px;margin-top:10px}.lesson-resources{padding-left:0;padding-top:16px;border-left:0;border-top:1px solid #eae6dc}.lesson-resources-kicker{font-size:8px;margin-bottom:10px}.lesson-resource-stage{min-height:162px}.lesson-resource-panel{gap:6px}.lesson-resource-link{min-height:50px;padding:9px 10px}.lesson-resource-text strong{font-size:11px}.lesson-resource-text>span{font-size:9px}.lesson-resource-note{font-size:8px;margin-top:11px}.lesson-resource-note br{display:none}.lesson-controls{gap:7px;margin-top:13px}.lesson-choices>button{font-size:10px;padding:7px 10px}.lesson-playback{width:25px;height:25px}.lesson-excerpts .visual-caption{font-size:8px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.lesson-excerpt,.lesson-excerpt-progress{transition:none}.lesson-resource-panel.is-current .lesson-resource-link{animation:none}}