body{margin:0;background:#f1f5f9;color:#172033;font:16px Arial;line-height:1.6}main{max-width:900px;margin:2rem auto;padding:1rem}article,ol{background:white;padding:2rem;border-radius:12px;box-shadow:0 3px 12px #0001}input,button{padding:.6rem;margin:.3rem;font:inherit}button{background:#2563eb;color:white;border:0;border-radius:5px;cursor:pointer}output{display:block;margin:1rem 0;padding:1rem;background:#dbeafe;min-height:1.5rem}pre{overflow:auto;background:#172033;color:#e2e8f0;padding:1rem;border-radius:8px}a{color:#2563eb}.active{background:#dbeafe}