.lesson-page{background:#fff;color:#152443}
.lesson-main{max-width:1200px;margin:auto;padding:24px clamp(16px,4vw,48px) 64px;font-family:Onest,sans-serif;line-height:1.6}
.lesson-main a{color:#2848b5;text-underline-offset:4px}
.lesson-main h1,.lesson-main h2,.lesson-main h3{font-family:Unbounded,sans-serif;line-height:1.25;text-wrap:balance}
.lesson-main h1{font-size:clamp(25px,3.2vw,42px);margin:20px 0}
.lesson-main h2{font-size:clamp(23px,2.6vw,32px);margin:0 0 24px}
.lesson-main h3{font-size:19px;margin:10px 0}
.lesson-main p{font-size:17px;margin:12px 0}
.lesson-watch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,5vw,64px);align-items:center;margin:28px 0 64px}
.lesson-screen{background:#f4f6fb;border-radius:20px;padding:12px;display:flex;justify-content:center}
.lesson-screen video{display:block;width:100%;height:auto;max-height:640px;aspect-ratio:3/4;object-fit:contain;border-radius:12px}
.lesson-duration{color:#2848b5;font-weight:700}
.lesson-intro #lesson-format,.lesson-intro .lesson-date{font-size:15px;color:#516080}
.lesson-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:24px}
.lesson-main .primary-action{display:inline-block;border:0;border-radius:12px;padding:15px 20px;background:#f47d35;color:#152443;font:700 17px Onest,sans-serif;text-decoration:none;cursor:pointer;white-space:normal}
.lesson-main [hidden]{display:none!important}
.lesson-main :focus-visible{outline:3px solid #2848b5;outline-offset:4px}
.lesson-main .seo-guide,.lesson-files,.lesson-main .seo-next,.lesson-main .seo-proof{margin-top:64px;scroll-margin-top:24px}
.lesson-main .seo-guide{max-width:850px}
.lesson-main .seo-guide ol{padding-left:28px;margin-top:30px}
.lesson-main .seo-guide li{padding:0 0 24px 12px;margin:0 0 24px;border-bottom:1px solid #dce2ee}
.lesson-main .seo-guide li::marker{color:#2848b5;font-weight:700}
.lesson-time{color:#2848b5;font-weight:700;font-variant-numeric:tabular-nums}
.lesson-main .seo-guide code{overflow-wrap:anywhere}
.lesson-file-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}
.lesson-file-list figure{margin:0;min-width:0}
.lesson-file-list img{display:block;width:100%;height:260px;object-fit:contain;background:#f4f6fb;border-radius:12px;padding:12px;box-sizing:border-box}
.lesson-file-list figcaption{padding-top:12px}
.lesson-main .seo-next{padding:28px;background:#f1f5dc;border-radius:18px}
.lesson-main .seo-proof{max-width:850px}
@media(max-width:700px){.lesson-watch{grid-template-columns:1fr;gap:18px;margin-top:22px}.lesson-intro{display:contents}.lesson-intro h1{grid-row:1;margin:0}.lesson-duration{grid-row:2;margin:0!important}.lesson-screen{grid-row:3;padding:8px}.lesson-screen video{max-height:none}.lesson-intro p{margin:0}.lesson-file-list{grid-template-columns:1fr}.lesson-file-list figure{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px}.lesson-file-list img{height:160px;padding:6px}.lesson-file-list h3{font-size:17px}.lesson-main .seo-next{padding:20px}.lesson-main .seo-guide,.lesson-files,.lesson-main .seo-next,.lesson-main .seo-proof{margin-top:44px}.lesson-main h1{font-size:25px}.lesson-main .seo-guide li{padding-left:2px}}