Use symmetric spacing around the chart and demo

Co-authored-by: Codex <noreply@openai.com>

site/index.html

@@ -18,9 +18,10 @@
   .sub { font:400 clamp(18px,2.4vw,24px)/1.3 var(--lead); color:var(--mute); margin:18px 0 28px; }
   .text { width:100%; }
   .text p { margin:0 0 16px; }
+  .text p:last-child { margin-bottom:0; }
   .text a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
   code { font:16px var(--mono); }
-  .app { margin-top:32px; border:1px solid var(--ink); }
+  .app { margin:32px 0; border:1px solid var(--ink); }
   #log { height:220px; overflow-y:auto; display:flex; flex-direction:column; gap:10px; padding:14px; }
   .msg { max-width:80%; padding:7px 12px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:17px; }
   .me { align-self:flex-end; background:var(--ink); color:var(--paper); }
@@ -41,7 +42,7 @@
   .sw-win { background:var(--accent); border-width:2px !important; } .sw-src { background:var(--ink); } .sw-used { background:#8a8a8a; }
   .sw-prop { background:var(--paper); border-width:2px !important; } .sw-off { background:var(--off); border-color:var(--faint) !important; }
   .foot { font:13px var(--mono); color:var(--mute); margin-top:14px; } .foot a { color:inherit; }
-  .progress { margin:48px 0 32px; padding-top:24px; }
+  .progress { margin:32px 0; }
   .progress h2 { font:400 32px/1.2 var(--lead); margin:0 0 8px; }
   .progress p { max-width:680px; }
   #progress-chart { width:100%; height:460px; }