.lesson-wrap{max-width:880px;margin:40px auto 60px;padding:0 20px;}
.lesson-header{margin-bottom:32px;}
.lesson-module{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;}
.lesson-title{font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;}
.lesson-meta{display:flex;gap:18px;font-size:13px;color:var(--muted);}
.progress-wrap{height:5px;background:rgba(148,163,184,0.15);border-radius:3px;overflow:hidden;}
.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);}
.lesson-body h2{font-size:24px;font-weight:700;margin:36px 0 14px;}
.lesson-body h3{font-size:18px;font-weight:700;margin:24px 0 10px;}
.lesson-body p{font-size:15px;line-height:1.75;color:#cbd5e1;margin-bottom:14px;}
.lesson-body ul{margin:0 0 14px 22px;color:#cbd5e1;}
.lesson-body li{font-size:15px;line-height:1.8;}
.terms-box{background:rgba(16,185,129,0.04);border:1px solid rgba(16,185,129,0.18);border-radius:10px;padding:18px 22px;margin-bottom:28px;}
.terms-label{font-size:11px;color:#10b981;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:12px;}
.term-line{font-size:14px;color:#cbd5e1;margin-bottom:8px;}
.term-line strong{color:var(--text);}
.beforafter{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 28px;}
@media(max-width:680px){.beforafter{grid-template-columns:1fr;}}
.before-box{background:rgba(239,68,68,0.05);border:1px solid rgba(239,68,68,0.25);border-radius:10px;padding:16px 20px;}
.after-box{background:rgba(74,222,128,0.05);border:1px solid rgba(74,222,128,0.25);border-radius:10px;padding:16px 20px;}
.before-label{font-size:11px;color:#f87171;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;}
.after-label{font-size:11px;color:#86efac;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;}
.before-box ul,.after-box ul{margin:0;padding-left:18px;font-size:13px;color:#cbd5e1;line-height:1.75;}
.terminal-box{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:16px 20px;margin:14px 0;font-family:'JetBrains Mono','Courier New',monospace;font-size:13px;color:#e6edf3;line-height:1.7;white-space:pre-wrap;}
.tp{color:#7ee787;} .tc{color:#8b949e;} .tok{color:#7ee787;} .tcl{color:#c4a8f5;}
.prompt-box{background:#0f172a;border:1px solid #1e293b;border-left:3px solid #10b981;border-radius:8px;padding:16px 20px;margin:16px 0;font-size:14px;color:#cbd5e1;line-height:1.7;white-space:pre-wrap;}
.prompt-label{font-size:11px;color:#10b981;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:8px;}
.response-box{background:rgba(196,168,245,0.04);border:1px solid rgba(196,168,245,0.2);border-left:3px solid #c4a8f5;border-radius:8px;padding:14px 18px;margin:12px 0;font-size:14px;color:#cbd5e1;line-height:1.7;}
.response-label{font-size:11px;color:#c4a8f5;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:8px;}
.info-box{background:rgba(16,185,129,0.06);border:1px solid rgba(16,185,129,0.25);border-radius:10px;padding:16px 20px;margin:14px 0;}
.info-label{font-size:11px;color:#10b981;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:8px;}
.warning-box{background:rgba(239,68,68,0.05);border:1px solid rgba(239,68,68,0.3);border-radius:8px;padding:14px 18px;margin:14px 0;font-size:14px;color:#cbd5e1;line-height:1.7;}
.takeaway{background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.3);border-radius:10px;padding:20px;margin:32px 0 0;}
.takeaway-label{font-size:13px;color:#10b981;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:10px;}
.lesson-nav{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid var(--border);}
.lesson-nav a{color:#10b981;text-decoration:none;font-size:14px;}
kbd{background:#1e293b;padding:2px 6px;border-radius:4px;font-size:12px;font-family:'JetBrains Mono',monospace;}
code{background:#1e293b;padding:2px 6px;border-radius:4px;font-size:13px;font-family:'JetBrains Mono',monospace;}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;}
@media(max-width:680px){.compare-grid{grid-template-columns:1fr;}}
.compare-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;}
.compare-title{font-size:15px;font-weight:700;margin-bottom:14px;}
.step-item{display:flex;gap:16px;margin:18px 0;align-items:flex-start;}
.step-circle{width:34px;height:34px;border-radius:50%;background:#10b981;color:#0a0f1e;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0;}
.step-text{flex:1;font-size:15px;color:#cbd5e1;line-height:1.7;}