debugging wide mode fixes

Author: glitch003

docs/custom.css

@@ -1,34 +1,38 @@
 /* Fix wide mode layout to allow content to expand into TOC area */
 
-/* Override the xl:w-[calc(100%-19rem)] constraint on content area */
+/* Override the xl:w-[calc(100%-19rem)] Tailwind constraint */
 @media (min-width: 1280px) {
-  html[data-page-mode="wide"] #content-area {
+  html[data-page-mode="wide"] div#content-area,
+  html[data-page-mode="wide"] #content-area.relative {
     width: 100% !important;
-    max-width: 96rem !important; /* 6xl = 1536px */
+    max-width: 100% !important;
     min-width: 100% !important;
   }
+  
+  /* Adjust padding to account for sidebar */
+  html[data-page-mode="wide"] div#content-area {
+    padding-right: 3rem !important;
+  }
 }
 
-/* Ensure the main content container uses full width in wide mode */
-html[data-page-mode="wide"] #content-container {
-  max-width: 100% !important;
-}
-
+/* Ensure the content container expands fully */
+html[data-page-mode="wide"] #content-container,
 html[data-page-mode="wide"] .mdx-content {
   max-width: 100% !important;
+  width: 100% !important;
 }
 
 /* Allow tables in wide mode to use full available width */
-html[data-page-mode="wide"] [data-table-wrapper="true"] {
-  max-width: none !important;
-}
-
-html[data-page-mode="wide"] [data-table-wrapper="true"] > div {
+html[data-page-mode="wide"] [data-table-wrapper="true"],
+html[data-page-mode="wide"] [data-table-wrapper="true"] > div,
+html[data-page-mode="wide"] [data-table-wrapper="true"] .table {
   max-width: none !important;
+  width: 100% !important;
 }
 
 html[data-page-mode="wide"] [data-table-wrapper="true"] table {
   width: 100% !important;
   max-width: none !important;
+  table-layout: auto !important;
 }
 

docs/docs.json

@@ -223,7 +223,7 @@
     }
   },
   "styling": {
-    "codeblocks": "system"
-  },
-  "customCSS": "/custom.css"
+    "codeblocks": "system",
+    "custom": "/custom.css"
+  }
 }

docs/learning-lit/threshold-cryptography.mdx

@@ -3,6 +3,31 @@ title: "Threshold Cryptography"
 mode: "wide"
 ---
 
+<style>{`
+@media (min-width: 1280px) {
+  html[data-page-mode="wide"] div#content-area {
+    width: 100% !important;
+    max-width: 100% !important;
+    min-width: 100% !important;
+    padding-right: 3rem !important;
+  }
+}
+html[data-page-mode="wide"] #content-container,
+html[data-page-mode="wide"] .mdx-content {
+  max-width: 100% !important;
+  width: 100% !important;
+}
+html[data-page-mode="wide"] [data-table-wrapper="true"],
+html[data-page-mode="wide"] [data-table-wrapper="true"] > div {
+  max-width: none !important;
+  width: 100% !important;
+}
+html[data-page-mode="wide"] table {
+  width: 100% !important;
+  max-width: none !important;
+}
+`}</style>
+
 Lit Protocol supports a wide range of elliptic curves and signing schemes, all securely implemented using threshold cryptography and threshold consensus within a trusted execution environment (TEE).
 
 ## Supported Elliptic Curves and Signing Schemes