.hta-lesson-wrap{padding-block:30px 64px}.hta-lesson-heading{max-width:870px;margin-bottom:34px}.hta-lesson-heading h1{font-size:clamp(28px,3.4vw,43px);line-height:1.5;margin:20px 0}.hta-lesson-intro{font-size:19px;color:#53658c;line-height:1.95}.hta-badge.member{background:#eeeaff;color:#5839ae;gap:7px}.hta-badge.member svg{width:15px;height:15px}.hta-lesson-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(200px,260px);gap:48px;align-items:start}.hta-lesson-body{grid-column:1;grid-row:1;min-width:0}.hta-lesson-nav{grid-column:2;grid-row:1;position:sticky;top:60px;border:1px solid #e2eafa;background:#fafcff;border-radius:18px;padding:22px;min-width:0}.hta-lesson-nav summary{font-size:17px;font-weight:600;cursor:pointer}.hta-lesson-nav p{font-size:13px;line-height:1.8;color:#63738d;margin-top:20px}.hta-lesson-body p,.hta-lesson-body li{font-size:18px;line-height:1.95}.hta-lesson-body>p{margin-bottom:23px}.hta-lesson-body h2{font-size:28px;margin-top:40px}.hta-lesson-body h3{margin-top:24px}.hta-lesson-body figure{margin:26px 0}.hta-lesson-body figure img,.hta-lesson-body video{width:100%;border-radius:16px;border:1px solid #e2eafa}.hta-lesson-body video{aspect-ratio:16/9;background:#101d3f;display:block}.hta-lesson-body figcaption{font-size:13px;line-height:1.8;color:#61718d;margin-top:10px}.hta-lesson-summary{background:#edf7ff;padding:24px;border-radius:16px;margin:28px 0}.hta-lesson-summary strong{color:#145ce0}.hta-lesson-gate{max-width:800px;padding:34px;border:1px solid #dfe7f5;border-radius:22px;background:linear-gradient(125deg,#f1f7ff,#f8f5ff)}.hta-lesson-gate h2{margin:15px 0}.hta-lesson-gate p{color:#53658c;line-height:1.9}.hta-lesson-gate .hta-hero-buttons{margin:24px 0}.hta-lesson-body details{margin:24px 0;padding:18px 22px;border:1px solid #e2eafa;border-radius:14px}.hta-lesson-body summary{cursor:pointer;font-weight:600}.hta-lesson-body details p{margin-top:14px}.hta-lesson-body .hta-example{border-radius:12px}.hta-reading-position{font-size:13px;color:#62718a;margin-top:12px}
@media(max-width:1000px){.hta-lesson-layout{gap:26px;grid-template-columns:minmax(0,1fr) 220px}.hta-lesson-nav{padding:17px}}
@media(max-width:760px){.hta-lesson-wrap{padding-block:22px 40px}.hta-lesson-layout{display:flex;flex-direction:column;gap:24px}.hta-lesson-nav{position:static;width:100%;order:0}.hta-lesson-body{order:1;width:100%}.hta-lesson-nav p{display:none}.hta-lesson-heading{margin-bottom:24px}.hta-lesson-heading h1{font-size:28px}.hta-lesson-intro{font-size:17px}.hta-lesson-body p,.hta-lesson-body li{font-size:17px}.hta-lesson-body h2{font-size:24px}.hta-lesson-summary,.hta-lesson-gate{padding:22px}.hta-lesson-gate .hta-button{width:100%}.hta-lesson-body video{border-radius:12px}}