[SLOP(claude-opus-4-8[1m]-medium)] fix(website): fix docs styling issues

Author: NathanFlurry

website/src/components/DocsTabs.tsx

@@ -4,6 +4,33 @@ description: "Self-hosting Rivet gives you complete control over the actor orche
 skill: false
 ---
 
+{/* Mermaid measures each node label's foreignObject width using its default
+sans font, but the docs body font (JetBrains Mono) is wider, so the rendered
+label overflows the measured foreignObject and its `overflow: hidden` clips the
+text. Forcing the diagram labels back to a normal sans stack makes the rendered
+width match Mermaid's measurement so every label fits inside its node box. The
+overflow/centering rules are a belt-and-suspenders fallback so any residual
+width difference spills symmetrically inside the already-wide node rect instead
+of clipping on the right. */}
+<style>{`
+  pre.mermaid .nodeLabel,
+  pre.mermaid .edgeLabel,
+  pre.mermaid .cluster-label,
+  pre.mermaid foreignObject *,
+  pre.mermaid text {
+    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
+  }
+  pre.mermaid foreignObject {
+    overflow: visible;
+  }
+  pre.mermaid foreignObject > div,
+  pre.mermaid .nodeLabel {
+    width: max-content;
+    max-width: none;
+    margin: 0 auto;
+  }
+`}</style>
+
 ## Self-Host vs BYOC
 
 **Self-Host**

website/src/components/v2/Header.tsx

@@ -11,10 +11,11 @@ interface Props {
 }
 
 const { title, description, canonicalUrl, sidebar } = Astro.props;
+const pathname = Astro.url.pathname;
 ---
 
 <BaseLayout title={title} description={description} canonicalUrl={canonicalUrl} themeColor="#EFEFEF">
-	<Header variant="full-width" showDocsTabs={true} light={true} active="docs" sidebarData={sidebar} client:load />
+	<Header variant="full-width" showDocsTabs={true} light={true} active="docs" sidebarData={sidebar} initialPathname={pathname} client:load />
 	<div class="paper-grain selection-paper w-full relative z-10 font-sans">
 		<div class="mx-auto w-full min-h-content flex flex-col md:grid md:grid-cols-docs" style="--header-height: 8.0625rem;">
 			<slot />