fix: normalize page width

app/globals.css

@@ -104,6 +104,11 @@
   --max-width-text-block: 49.5rem;
   --current-mobile-site-header-height: 70.047px;
   --max-width-navigation: 89.5rem;
+  --max-width-spacing: calc(var(--Layout-Mobile-Margin-Margin-min) * 2);
+  --max-width-page: min(
+    calc(100dvw - var(--max-width-spacing)),
+    var(--max-width-navigation)
+  );
 
   --main-menu-mobile-height: 75px;
   --main-menu-desktop-height: 125px;
@@ -140,15 +145,25 @@ body {
 body.overflow-hidden {
   overflow: hidden;
 }
-@media screen and (min-width: 768px) {
-  body.overflow-hidden {
-    overflow: auto;
-    overflow-x: hidden;
-  }
-}
 
 ul {
   padding-inline-start: 0;
   margin-block-start: 0;
   margin-block-end: 0;
 }
+
+@media screen and (min-width: 768px) {
+  :root {
+    --max-width-spacing: calc(var(--Layout-Tablet-Margin-Margin-min) * 2);
+  }
+  body.overflow-hidden {
+    overflow: auto;
+    overflow-x: hidden;
+  }
+}
+
+@media screen and (min-width: 1367px) {
+  :root {
+    --max-width-spacing: calc(var(--Layout-Desktop-Margin-Margin-min) * 2);
+  }
+}