From 954308b0525a45fe43ed7cd8b37dcf99fb6c2d9a Mon Sep 17 00:00:00 2001
From: Jordan Ritter <jordan@copilotkit.ai>
Date: Tue, 14 Apr 2026 15:53:50 -0700
Subject: [PATCH] fix: account for page-toc width in docs content centering

Content was centered between sidebar and viewport edge, ignoring the
220px TOC. At larger font sizes, content overflowed rightward into the
TOC. Now subtracts TOC width from centering calc, with a media query
to restore original calc when TOC is hidden below 1200px.
---
 docs/style.css | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/docs/style.css b/docs/style.css
index aff06be..f06dc27 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -197,12 +197,15 @@ body::before {
 
 /* ─── Main Content ────────────────────────────────────────────── */
 .docs-content {
-  margin-left: var(--sidebar-width);
   flex: 1;
   padding: 3rem 4rem;
   max-width: 960px;
+  min-width: 0;
   margin-right: auto;
-  margin-left: calc(var(--sidebar-width) + max(0px, (100vw - var(--sidebar-width) - 960px) / 2));
+  margin-left: calc(
+    var(--sidebar-width) + max(0px, (100vw - var(--sidebar-width) - 220px - 960px) / 2)
+  );
+  overflow-wrap: break-word;
 }
 
 .docs-content h1 {
@@ -500,7 +503,9 @@ body::before {
 
 /* ─── Footer ─────────────────────────────────────────────────── */
 .docs-footer {
-  margin-left: calc(var(--sidebar-width) + max(0px, (100vw - var(--sidebar-width) - 960px) / 2));
+  margin-left: calc(
+    var(--sidebar-width) + max(0px, (100vw - var(--sidebar-width) - 220px - 960px) / 2)
+  );
   margin-right: auto;
   padding: 3rem 4rem;
   max-width: 960px;
@@ -600,6 +605,12 @@ body::before {
   .page-toc {
     display: none;
   }
+  .docs-content {
+    margin-left: calc(var(--sidebar-width) + max(0px, (100vw - var(--sidebar-width) - 960px) / 2));
+  }
+  .docs-footer {
+    margin-left: calc(var(--sidebar-width) + max(0px, (100vw - var(--sidebar-width) - 960px) / 2));
+  }
 }
 
 /* ─── Responsive ─────────────────────────────────────────────── */