.lesson-html-content h1{font-size:2.5rem;font-weight:800;color:#111;line-height:1.2;margin-bottom:1rem}.lesson-html-content h2{font-size:1.75rem;font-weight:700;color:#111;margin-bottom:.875rem;margin-top:2rem}.lesson-html-content h3{font-size:1.25rem;font-weight:700;color:#111;margin-bottom:.75rem;margin-top:1.25rem}.lesson-html-content h4{font-size:1rem;font-weight:700;color:#111;margin-bottom:.5rem}.lesson-html-content p{font-size:14px;color:#374151;line-height:1.75;margin-bottom:.75rem}.lesson-html-content ol,.lesson-html-content ul{padding-left:1.5rem;margin-bottom:.75rem}.lesson-html-content li{font-size:14px;color:#374151;line-height:1.75;margin-bottom:.25rem}.lesson-html-content strong{font-weight:700;color:#111}.lesson-html-content em{font-style:italic}.lesson-html-content section{margin-bottom:1rem}.lesson-html-content .video-placeholder{background:linear-gradient(145deg,#f0f2f5,#dde1e7);border:1px solid rgba(0,0,0,.06);border-radius:16px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:2rem;width:100%!important;max-height:none!important;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.02)}.lesson-html-content .video-placeholder .text-gray-400{color:#4b5563!important}.lesson-html-content .video-placeholder p{color:#6b7280!important;font-size:13px;font-weight:500}.lesson-html-content .video-placeholder svg{opacity:.7}.lesson-html-content .callout{background:#EFF6FF;border-left:4px solid #0078d4;border-radius:0 8px 8px 0;padding:20px 24px;margin:1.5rem 0}.lesson-html-content .callout p{margin-bottom:0}.lesson-html-content .bg-gray-900 div,.lesson-html-content .bg-gray-900 li,.lesson-html-content .bg-gray-900 p,.lesson-html-content .bg-gray-900 span{color:inherit}.lesson-html-content .bg-gray-900 ol,.lesson-html-content .bg-gray-900 ul{color:#f3f4f6}.lesson-html-content .app-challenge{background:linear-gradient(135deg,#0D1117,#1a2840);border-radius:16px;padding:0;overflow:hidden;margin-top:2rem}.lesson-html-content .app-challenge-header{background:linear-gradient(90deg,#0078D4,#2FADED);padding:14px 24px;display:flex;align-items:center;gap:10px}.lesson-html-content .app-challenge-header-badge{font-size:11px;font-weight:700;color:white;background:rgba(255,255,255,.2);padding:3px 10px;border-radius:100px;letter-spacing:.04em}.lesson-html-content .app-challenge-header-title{font-size:13px;font-weight:700;color:white}.lesson-html-content .app-challenge-body{padding:28px 28px 24px}.lesson-html-content .app-challenge-hook{font-size:20px;font-weight:700;color:white;line-height:1.3;margin-bottom:10px}.lesson-html-content .app-challenge-sub{font-size:14px;color:rgba(255,255,255,.65);line-height:1.65;margin-bottom:24px}.lesson-html-content .app-challenge-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.lesson-html-content .acs{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px;text-align:center}.lesson-html-content .acs-icon{font-size:22px;margin-bottom:6px}.lesson-html-content .acs-title{font-size:12px;font-weight:700;color:white;margin-bottom:3px}.lesson-html-content .acs-desc{font-size:11px;color:rgba(255,255,255,.45);line-height:1.5}.lesson-html-content .app-challenge-divider{height:1px;background:rgba(255,255,255,.08);margin-bottom:20px}.lesson-html-content .app-challenge-coach{display:flex;align-items:start;gap:14px;margin-bottom:24px}.lesson-html-content .accoach-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0078D4,#2FADED);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.lesson-html-content .accoach-text .accoach-label{font-size:10px;font-weight:700;color:#2FADED;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.lesson-html-content .accoach-text .accoach-name{font-size:13px;font-weight:700;color:white;margin-bottom:3px}.lesson-html-content .accoach-text .accoach-bio{font-size:12px;color:rgba(255,255,255,.5);line-height:1.55}.lesson-html-content .app-challenge-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lesson-html-content .btn-challenge-primary{background:linear-gradient(135deg,#0078D4,#2FADED);color:white;font-size:14px;font-weight:700;padding:12px 24px;border-radius:10px;border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px;transition:opacity .15s;white-space:nowrap}.lesson-html-content .btn-challenge-primary:hover{opacity:.9}.lesson-html-content .btn-challenge-secondary{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);font-size:13px;font-weight:500;padding:12px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.12);cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.lesson-html-content .btn-challenge-secondary:hover{background:rgba(255,255,255,.12);color:white}.lesson-html-content .app-challenge-paywall-note{font-size:11px;color:rgba(255,255,255,.35);display:flex;align-items:center;gap:5px;margin-top:14px}.lesson-html-content .app-challenge-paywall-note a{color:#2FADED;text-decoration:none}.lesson-html-content .pitfall-card{background:#FEF2F2;border:1px solid #fecaca;border-radius:10px;padding:24px;margin-bottom:16px}.lesson-html-content .pitfall-title{font-size:16px;font-weight:700;color:#991B1B;margin-bottom:8px}.lesson-html-content .pitfall-p{font-size:14px;color:#7F1D1D;line-height:1.7;margin-bottom:0}.lesson-html-content .fix-card{background:#F0FDF4;border:1px solid #bbf7d0;border-radius:10px;padding:24px;margin-bottom:24px}.lesson-html-content .fix-title{font-size:16px;font-weight:700;color:#166534;margin-bottom:8px}.lesson-html-content .fix-p{font-size:14px;color:#374151;line-height:1.7;margin-bottom:0}.lesson-html-content .example-step{margin-bottom:8px}.lesson-html-content .e1{background:#F9FAFB}.lesson-html-content .e2{background:#ECFDF5}.lesson-html-content .e3{background:#EFF6FF;border-left:3px solid #0078d4}