chore: decrease max markdown width in fullscreen mode

Author: 0xmoebius

packages/common-config/static/common/styles/global.css

@@ -85,6 +85,11 @@ html[data-theme="dark"] {
 
   /* Sidebar width customization */
   --doc-sidebar-hidden-width: 3.5rem;
+
+  /* Layout widths */
+  --ifm-container-width: 1200px;
+  --ifm-container-width-xl: 1320px;
+  --ifm-content-width: 760px;
 }
 
 /* Sharp Grotesk Font Faces */
@@ -373,6 +378,26 @@ article {
   min-height: 90vh !important;
 }
 
+/* Constrain site-wide container width */
+.container {
+  max-width: var(--ifm-container-width);
+}
+
+@media (min-width: 1440px) {
+  .container {
+    max-width: var(--ifm-container-width-xl);
+  }
+}
+
+/* Constrain markdown content width for readability */
+.theme-doc-markdown,
+.markdown {
+  max-width: var(--ifm-content-width);
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
+}
+
 /* Navbar styling */
 .navbar {
   background: rgba(14, 21, 44, 0.75);