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.

Author: jpr5

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 ─────────────────────────────────────────────── */