body{font-family:system-ui,sans-serif;margin:0;padding:0;background-color:#fff;color:#1a202c;line-height:1.6}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}h1{font-size:2.5rem;margin-bottom:.5rem}h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem}.meta{color:#718096;font-size:.9rem;margin-bottom:2rem}a{color:#3182ce;text-decoration:none}a:hover{text-decoration:underline}.demo-wrapper{display:flex;justify-content:center;align-items:center;background-color:#f7fafc;border:1px black}canvas{background-color:#fff;border:1px solid #e2e8f0;width:100%;height:100%;display:block}.problem-section{padding:2rem}.image-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}figure{flex:1;text-align:center}figure img{width:100%;height:auto;border-radius:8px;display:block}figcaption{margin-top:.5rem;font-size:.9rem;color:#555}