Use Chakra Petch as the site-wide typeface (#14)

Replace Satoshi with Chakra Petch (the 'physical intelligence' font) as
the base font for the whole page, drop the Fontshare load, and let
citation tags wrap below their titles on narrow screens.

Author: bingran-you

website/index.html

@@ -5,19 +5,17 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>GenesisBench — how language intelligence can be used to improve physical intelligence</title>
 <meta name="description" content="GenesisBench evaluates how LLM agents can train the policies that run on real robot hardware — language intelligence improving physical intelligence.">
-<link rel="preconnect" href="https://api.fontshare.com" crossorigin>
-<link href="https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700&display=swap" rel="stylesheet">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500;1,600&family=Chakra+Petch:wght@500;600&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500;1,600&family=Chakra+Petch:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 <style>
 /* ============ tokens — posttrain-arena structure, monochrome pencil palette ============ */
 :root{
   --paper:#fafafa; --paper-2:#f0f0f0; --paper-3:#e7e7e7; --card:#ffffff;
   --forest:#111111; --forest-deep:#000000; --forest-ink:#0c0c0c;
   --clay:#555555; --ink:#1c1c1c; --ink-soft:#6a6a6a;
   --line:#e8e8e8; --line-strong:#cfcfcf; --gold:#8a8a8a;
-  --font:"Satoshi",ui-sans-serif,system-ui,sans-serif;
+  --font:"Chakra Petch",ui-sans-serif,system-ui,sans-serif;
   --gutter:clamp(20px,5vw,72px);
   --text-hero:clamp(2.3rem,4.8vw,4.3rem);
   --text-lead:clamp(1.2rem,2vw,1.6rem);
@@ -66,7 +64,7 @@
   line-height:1.42;letter-spacing:-0.005em;color:var(--ink)}
 .li-poem{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;
   font-size:1.16em;letter-spacing:.01em;color:var(--forest-ink)}
-.pi-tech{font-family:"Chakra Petch","Satoshi",sans-serif;font-weight:600;font-size:.97em;
+.pi-tech{font-family:"Chakra Petch",sans-serif;font-weight:600;
   letter-spacing:.015em;color:var(--forest-ink)}
 .hero-actions{margin-top:clamp(1.3rem,2.4vw,1.8rem);display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}
 .btn{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;text-decoration:none;
@@ -222,7 +220,7 @@
 .refcard{display:block;padding:.95rem 1.1rem;background:var(--card);border:1px solid var(--line);border-radius:6px;
   text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
 .refcard:hover{border-color:var(--forest-ink);transform:translateY(-2px)}
-.ref-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
+.ref-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.35rem 1rem}
 .ref-head b{font-size:.9875rem;font-weight:500;color:var(--forest-ink);letter-spacing:-.008em}
 .ref-tag{flex-shrink:0;font-size:.6875rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}
 .ref-desc{display:block;margin-top:.35rem;font-size:.875rem;line-height:1.5;color:var(--ink-soft)}