Remove nested scroll container (single browser scrollbar)

app/globals.css

@@ -4,6 +4,8 @@
 @tailwind components;
 @tailwind utilities;
 
+
+
 /* ------------------------------------------------ */
 /* Base Typography & Rendering Improvements        */
 /* ------------------------------------------------ */
@@ -104,3 +106,24 @@ html, body {
   mix-blend-mode: soft-light;
   background-image: url("/noise.png");
 }
+
+/* --- Force single (browser) scrollbar only --- */
+html,
+body {
+  height: auto !important;
+  min-height: 100% !important;
+  overflow-y: auto !important;
+}
+
+body {
+  overflow-x: hidden !important;
+}
+
+/* Kill any accidental nested scroll containers */
+#__next,
+main,
+[data-scroll-container="true"] {
+  overflow: visible !important;
+  height: auto !important;
+  max-height: none !important;
+}