will this make wide mode work?

Author: glitch003

docs/custom.css

@@ -0,0 +1,84 @@
+/* Custom CSS for wide mode pages */
+/* Override max-width constraints for wide mode */
+
+/* Target wide mode pages - Mintlify may use body class or data attribute */
+body[data-mode="wide"],
+html[data-mode="wide"],
+[data-mode="wide"],
+.wide-mode,
+body.wide-mode {
+  /* Ensure page-level containers can expand */
+}
+
+/* Target the main content container in wide mode */
+/* Mintlify uses various container classes - target them all */
+body[data-mode="wide"] .mint-content,
+body[data-mode="wide"] .mint-main-content,
+body[data-mode="wide"] main,
+body[data-mode="wide"] article,
+body[data-mode="wide"] .mint-container,
+body[data-mode="wide"] .content-container,
+body[data-mode="wide"] .mint-content-wrapper,
+body[data-mode="wide"] .mint-page-content,
+[data-mode="wide"] .mint-content,
+[data-mode="wide"] .mint-main-content,
+[data-mode="wide"] main,
+[data-mode="wide"] article,
+[data-mode="wide"] .mint-container,
+[data-mode="wide"] .content-container,
+[data-mode="wide"] .mint-content-wrapper,
+[data-mode="wide"] .mint-page-content,
+.wide-mode .mint-content,
+.wide-mode .mint-main-content,
+.wide-mode main,
+.wide-mode article {
+  max-width: 100% !important;
+  width: 100% !important;
+}
+
+/* Ensure tables in wide mode can expand fully */
+body[data-mode="wide"] table,
+[data-mode="wide"] table,
+.wide-mode table {
+  width: 100% !important;
+  max-width: 100% !important;
+  table-layout: auto !important;
+}
+
+/* Override any wrapper constraints */
+body[data-mode="wide"] .mint-wrapper,
+body[data-mode="wide"] .mint-page-wrapper,
+[data-mode="wide"] .mint-wrapper,
+[data-mode="wide"] .mint-page-wrapper,
+.wide-mode .mint-wrapper,
+.wide-mode .mint-page-wrapper {
+  max-width: 100% !important;
+}
+
+/* Target the page content area specifically */
+body[data-mode="wide"] .mint-page-content > *,
+body[data-mode="wide"] .mint-content > *,
+[data-mode="wide"] .mint-page-content > *,
+[data-mode="wide"] .mint-content > *,
+.wide-mode .mint-page-content > *,
+.wide-mode .mint-content > * {
+  max-width: 100% !important;
+}
+
+/* More aggressive targeting - override any max-width on content containers */
+body[data-mode="wide"] [class*="content"],
+body[data-mode="wide"] [class*="container"],
+[data-mode="wide"] [class*="content"],
+[data-mode="wide"] [class*="container"] {
+  max-width: 100% !important;
+}
+
+/* Ensure proper spacing while allowing full width */
+body[data-mode="wide"] .mint-content-wrapper,
+body[data-mode="wide"] .mint-page-wrapper,
+[data-mode="wide"] .mint-content-wrapper,
+[data-mode="wide"] .mint-page-wrapper {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+

docs/docs.json

@@ -8,6 +8,7 @@
     "dark": "#EA580C"
   },
   "favicon": "/favicon.svg",
+  "css": "/custom.css",
   "navigation": {
     "tabs": [
       {