body{max-width:720px;margin:0 auto;padding:16px;color:#111;background:#fff;font:18px Georgia,serif;line-height:1.5}h1{font-size:28px}h2{font-size:23px}textarea,input,button{font:inherit;border:2px solid #333;border-radius:0;padding:8px;background:#fff;color:#111}textarea{box-sizing:border-box;width:100%;height:190px}button{margin:8px 8px 8px 0;min-height:48px}label{display:block}section{border-top:2px solid #333;margin-top:24px;padding-top:12px}code{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}svg,canvas{max-width:100%;height:auto}canvas{box-sizing:border-box;border:2px solid #111;touch-action:none}a{color:#111}input{max-width:90%}:focus{outline:3px solid #555;outline-offset:3px}