body{font-family:Inter,sans-serif}h1,h2,h3,h4{font-family:Lora,serif;color:#1e3a8a}.chart-container{position:relative;margin:20px auto;height:350px;width:100%;max-width:700px}canvas{background-color:#fff;border-radius:8px}.math-block{overflow-x:auto;padding:10px 0}.section-box{background-color:#f8fafc;border-left:4px solid #3b82f6;padding:20px;margin:20px 0;border-radius:0 8px 8px 0}.pitfall-box{background-color:#fef2f2;border-left:4px solid #ef4444;padding:16px 20px;margin:20px 0;border-radius:0 8px 8px 0}.pitfall-box h4{color:#dc2626;margin-bottom:8px}.theorem-box{background-color:#f0fdf4;border-left:4px solid #22c55e;padding:20px;margin:20px 0;border-radius:0 8px 8px 0}.theorem-box h4{color:#15803d;margin-bottom:8px}.interactive-figure{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin:2rem 0;box-shadow:0 4px 6px -1px #0000000d}.interactive-figure h4{color:#4f46e5;margin-bottom:1rem}.figure-caption{font-size:.875rem;color:#64748b;text-align:center;margin-top:1rem;font-style:italic}.toc-link:hover{text-decoration:underline}.toc-link.active{color:#1e40af;font-weight:700;background-color:#dbeafe;padding:2px 8px;border-radius:4px}mjx-container{font-size:110%!important}