:root{--saffron:#f59e0b;--deep:#111827;--soft:#fff7ed;--card:#ffffff;--muted:#475569;--line:#fed7aa}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#fff7ed,#f8fafc);color:var(--deep);line-height:1.65}header{background:linear-gradient(135deg,#f97316,#f59e0b);color:white;padding:42px 24px;text-align:center}header h1{font-size:clamp(2rem,4vw,4rem);margin:0 0 10px}header p{max-width:1000px;margin:auto;font-size:1.15rem}.wrap,.lesson-wrap{width:min(1380px,96vw);margin:28px auto}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px;margin:22px 0;box-shadow:0 12px 30px rgba(15,23,42,.08)}.lead{font-size:1.15rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.lesson-link{display:block;text-decoration:none;color:inherit;border:1px solid #fde68a;border-radius:18px;padding:20px;background:#fffdf7;transition:.2s}.lesson-link:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.1)}.badge,.pill{display:inline-block;background:#ffedd5;color:#9a3412;border:1px solid #fdba74;border-radius:999px;padding:5px 11px;margin:4px;font-weight:bold}.toc,.nav{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.btn,.toc a,button{border:0;border-radius:12px;padding:10px 14px;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block}.orange,.toc a:first-child{background:#ea580c;color:white}.light,.toc a{background:#fff7ed;color:#9a3412;border:1px solid #fdba74}.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.mini,.task,.quiz{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:16px;margin:14px 0}.runner{border:1px solid #fdba74;border-radius:18px;overflow:hidden;background:#0f172a;margin:18px 0}.runner-head{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#ffedd5;color:#7c2d12;padding:12px 14px;flex-wrap:wrap}textarea{width:100%;min-height:260px;background:#111827;color:#e5e7eb;border:0;padding:18px;font:16px/1.55 Consolas,monospace;resize:vertical}.output{white-space:pre-wrap;background:#020617;color:#d1fae5;min-height:95px;padding:16px;font:15px/1.5 Consolas,monospace;border-top:1px solid #334155}code,pre{background:#111827;color:#fef3c7;border-radius:8px;padding:2px 6px}table{width:100%;border-collapse:collapse;margin:14px 0}th,td{border:1px solid #fed7aa;padding:10px;text-align:left}th{background:#ffedd5}.answer{display:none;margin-top:10px;background:white;border-left:5px solid #f97316;padding:12px;border-radius:8px}footer{text-align:center;padding:30px;color:#64748b}.lesson-wrap .card{padding:34px}.note{border-left:6px solid #f97316;padding:12px 16px;background:#fff7ed;border-radius:8px;margin:14px 0}@media(max-width:700px){.wrap,.lesson-wrap{width:96vw}.card{padding:18px}textarea{font-size:14px}.runner-head{align-items:flex-start}}