Match HF blog palette; wrap the tab row

index.html

@@ -6,20 +6,6 @@
 <meta name="description" content="tokenizers v1 encode, decode, scaling and latency, measured with tokbench against tokenizers 0.23.">
 <meta property="og:title" content="tokenizers v1 benchmarks">
 <meta property="og:description" content="Tokenizers v1: SOTA">
-<style id="embed">
-  /* embed mode: the blog supplies the page, this supplies one figure */
-  .wrap{max-width:none; margin:0}
-  header, #rail{display:none !important}
-  section{display:none !important; margin:0 !important}
-  section > h2{display:none !important}
-  body{padding:1.1rem 1.2rem}
-  /* the page animates a hero field behind the masthead; nothing to animate here */
-  #field{display:none !important}
-
-  section#cache{display:block !important}
-  #cache > p:not(.note), #cache > .box{display:none !important}
-  #a-cache{margin-top:0}
-</style>
 </head>
 <body data-embed="cache">
 <title>tokenizers v1 word cache</title>
@@ -1752,5 +1738,32 @@ addEventListener("resize", () => { clearTimeout(rt); rt = setTimeout(drawAll, 12
 
 </script>
 
+<style id="embed">
+  :root, :root[data-theme="dark"]{
+    --bg:#0b0f19; --ink:#c9ced8; --hi:#f3f4f6; --dim:#8b93a7;
+    --rule:#1f2937; --ref:#4b5563;
+  }
+  @media (prefers-color-scheme:light){
+    :root{ --bg:#ffffff; --ink:#374151; --hi:#111827; --dim:#6b7280;
+           --rule:#e5e7eb; --ref:#9ca3af; }
+  }
+  :root[data-theme="light"]{
+    --bg:#ffffff; --ink:#374151; --hi:#111827; --dim:#6b7280;
+    --rule:#e5e7eb; --ref:#9ca3af;
+  }
+
+  /* embed mode: the blog supplies the page, this supplies one figure */
+  .wrap{max-width:none; margin:0}
+  header, #rail{display:none !important}
+  section{display:none !important; margin:0 !important}
+  section > h2{display:none !important}
+  body{padding:1.1rem 1.2rem}
+  /* the page animates a hero field behind the masthead; nothing to animate here */
+  #field{display:none !important}
+
+  section#cache{display:block !important}
+  #cache > p:not(.note), #cache > .box{display:none !important}
+  #a-cache{margin-top:0}
+</style>
 </body>
 </html>