Center pool frontend desktop layout

website_example/themes/custom.css

@@ -16,6 +16,7 @@
   --shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
   --radius-lg: 26px;
   --radius-md: 20px;
+  --content-max-width: 1380px;
   --font-display: "Space Grotesk", "Segoe UI", sans-serif;
   --font-body: "Manrope", "Segoe UI", sans-serif;
 }
@@ -112,6 +113,10 @@ footer a {
   padding: 24px 20px 0;
 }
 
+#page {
+  width: 100%;
+}
+
 @media (min-width: 992px) {
   #page-wrapper {
     margin: 0 0 0 250px;
@@ -214,6 +219,15 @@ footer a {
   margin-bottom: 24px;
 }
 
+.page-hero,
+.page-hero-compact,
+.section-block,
+.dashboard-shell {
+  max-width: var(--content-max-width);
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .section-head {
   display: flex;
   justify-content: space-between;
@@ -797,8 +811,10 @@ textarea:focus {
     left: 0;
     right: 0;
     overflow: auto;
-    padding: 0 24px;
+    padding: 0 34px;
     z-index: 1000;
+    max-width: calc(var(--content-max-width) + 68px);
+    margin: 0 auto;
   }
 
   #page-wrapper {