fix horizontal layout issues

Fixes issues with the main content position, content widths, alignment,
and spacing.

src/styles/docs/docs-types.css

@@ -74,6 +74,8 @@
 }
 
 .typedocs-content {
+  flex-grow: 1;
+
   &>p {
     margin-block: 0.618rem;
   }
@@ -426,15 +428,6 @@ html.dark .typevariants {
 }
 
 @media (min-width: 1280px) {
-  .typedata {
-    max-width: 47svw;
-  }
-
-  .typedata-detailsdata,
-  .typedocs-subheading {
-    max-width: 42svw;
-  }
-
   .root-nav {
     min-width: 45svw;
   }

src/styles/docs/docs.css

@@ -81,14 +81,13 @@ ul {
 }
 
 @media (min-width: 768px) {
-
   .docs,
   .docslayout-root {
     gap: 0.648rem;
   }
 
   .docslayout-root {
-    margin-left: calc(1.618rem + 260px);
+    justify-content: center;
     display: flex;
     flex-direction: row;
   }
@@ -122,11 +121,12 @@ ul {
     }
   }
 
-  .docslayout-root {
-    margin-inline: 15svw;
-  }
-
   .docslayout-inner {
     min-width: 33.8rem;
   }
 }
+
+.docslayout-inner {
+  flex-grow: 1;
+  max-width: 100rem;
+}

src/styles/docs/nav/nav.css

@@ -119,9 +119,3 @@
     z-index: 1;
   }
 }
-
-@media (min-width: 1280px) {
-  .nav-wrapper {
-    left: 10svw;
-  }
-}

src/styles/docs/toc/toc.css

@@ -102,8 +102,8 @@
     display: block;
     position: sticky;
     top: 5rem;
-    right: 8svw;
-    width: 18rem;
+    width: 19rem;
+    flex-shrink: 0;
     max-height: 90svh;
     overflow-y: scroll;
     z-index: 10;