/* AI Agents lesson shared styles — for non-coder ICP */
.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,#38bdf8,#22d3ee);}
.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(56,189,248,0.04);border:1px solid rgba(56,189,248,0.15);border-radius:10px;padding:18px 22px;margin-bottom:28px;}
.terms-label{font-size:11px;color:var(--accent);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;} /* terminal-prompt */
.tc{color:#8b949e;} /* terminal-comment */
.tok{color:#7ee787;} /* terminal-ok */
.tcl{color:#c4a8f5;} /* terminal-claude */
.prompt-box{background:#0f172a;border:1px solid #1e293b;border-left:3px solid #38bdf8;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:#38bdf8;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(56,189,248,0.06);border:1px solid rgba(56,189,248,0.2);border-radius:10px;padding:16px 20px;margin:14px 0;}
.info-label{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:8px;}
.warning-box{background:rgba(251,191,36,0.05);border:1px solid rgba(251,191,36,0.3);border-radius:8px;padding:14px 18px;margin:14px 0;font-size:14px;color:#cbd5e1;line-height:1.7;}
.takeaway{background:rgba(56,189,248,0.06);border:1px solid rgba(56,189,248,0.2);border-radius:10px;padding:20px;margin:32px 0 0;}
.takeaway-label{font-size:13px;color:var(--accent);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:var(--accent);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:var(--accent);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;}
.module-overview{max-width:780px;margin:60px auto;padding:0 20px;}
.module-overview h1{font-size:36px;font-weight:800;margin-bottom:16px;}
.module-overview .subtitle{font-size:17px;color:var(--muted);margin-bottom:32px;line-height:1.6;}
.lesson-grid{display:grid;gap:14px;}
.lesson-link{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 22px;text-decoration:none;color:var(--text);display:block;transition:all 0.2s;}
.lesson-link:hover{border-color:var(--accent);background:rgba(56,189,248,0.04);}
.lesson-link-num{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;}
.lesson-link-title{font-size:17px;font-weight:700;margin-bottom:4px;}
.lesson-link-desc{font-size:13px;color:var(--muted);line-height:1.5;}