diff --git a/package-lock.json b/package-lock.json
index 4f4fc0d..f26108b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -82,7 +82,6 @@
 			"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz",
 			"integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
 			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"@ampproject/remapping": "^2.2.0",
 				"@babel/code-frame": "^7.27.1",
@@ -1518,7 +1517,6 @@
 			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.22.2.tgz",
 			"integrity": "sha512-2MvEpSYabUrsJAoq5qCOBGAlkICjfjunrnLcx3YAk2XV7TvAIhomlKsAgR4H/4uns5rAfYmj7Wet5KRtc8dPIg==",
 			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"@sveltejs/acorn-typescript": "^1.0.5",
 				"@types/cookie": "^0.6.0",
@@ -1551,7 +1549,6 @@
 			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.1.2.tgz",
 			"integrity": "sha512-Txsm1tJvtiYeLUVRNqxZGKR/mI+CzuIQuc2gn+YCs9rMTowpNZ2Nqt53JdL8KF9bLhAf2ruR/dr9eZCwdTriRA==",
 			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"@sveltejs/vite-plugin-svelte-inspector": "^2.1.0",
 				"debug": "^4.3.4",
@@ -1771,7 +1768,6 @@
 			"resolved": "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz",
 			"integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==",
 			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"@babel/core": "^7.21.3",
 				"@svgr/babel-preset": "8.1.0",
@@ -2109,7 +2105,6 @@
 			"version": "8.15.0",
 			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
 			"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
-			"peer": true,
 			"bin": {
 				"acorn": "bin/acorn"
 			},
@@ -2255,7 +2250,6 @@
 					"url": "https://github.com/sponsors/ai"
 				}
 			],
-			"peer": true,
 			"dependencies": {
 				"caniuse-lite": "^1.0.30001726",
 				"electron-to-chromium": "^1.5.173",
@@ -3155,7 +3149,6 @@
 			"integrity": "sha512-FIyV/64EkKhJmjgC0g2hygpBv5RNWVPyNCqSAD7eTCv6eFWNIi4PN1UvdSJGicN/o35bnevgis4Y0UDC0qi8jQ==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"engines": {
 				"node": ">=14.0.0"
 			}
@@ -3773,7 +3766,6 @@
 					"url": "https://github.com/sponsors/ai"
 				}
 			],
-			"peer": true,
 			"dependencies": {
 				"nanoid": "^3.3.11",
 				"picocolors": "^1.1.1",
@@ -3808,7 +3800,6 @@
 			"integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"bin": {
 				"prettier": "bin/prettier.cjs"
 			},
@@ -3937,7 +3928,6 @@
 			"resolved": "https://registry.npmjs.org/sass/-/sass-1.89.2.tgz",
 			"integrity": "sha512-xCmtksBKd/jdJ9Bt9p7nPKiuqrlBMBuuGkQlkhZjjQk3Ty48lv93k5Dq6OPkKt4XwxDJ7tvlfrTa1MPA9bf+QA==",
 			"devOptional": true,
-			"peer": true,
 			"dependencies": {
 				"chokidar": "^4.0.0",
 				"immutable": "^5.0.2",
@@ -4043,7 +4033,6 @@
 			"version": "5.35.2",
 			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.35.2.tgz",
 			"integrity": "sha512-uW/rRXYrhZ7Dh4UQNZ0t+oVGL1dEM+95GavCO8afAk1IY2cPq9BcZv9C3um5aLIya2y8lIeLPxLII9ASGg9Dzw==",
-			"peer": true,
 			"dependencies": {
 				"@ampproject/remapping": "^2.3.0",
 				"@jridgewell/sourcemap-codec": "^1.5.0",
@@ -4643,8 +4632,7 @@
 		"node_modules/tailwindcss": {
 			"version": "4.1.11",
 			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.11.tgz",
-			"integrity": "sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==",
-			"peer": true
+			"integrity": "sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA=="
 		},
 		"node_modules/tapable": {
 			"version": "2.2.2",
@@ -4749,7 +4737,6 @@
 			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
 			"integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
 			"dev": true,
-			"peer": true,
 			"bin": {
 				"tsc": "bin/tsc",
 				"tsserver": "bin/tsserver"
@@ -4848,7 +4835,6 @@
 			"version": "5.4.19",
 			"resolved": "https://registry.npmjs.org/vite/-/vite-5.4.19.tgz",
 			"integrity": "sha512-qO3aKv3HoQC8QKiNSTuUM1l9o/XX3+c+VTgLHbJWHZGeTPVAg2XwazI9UWzoxjIJCGCV2zU60uqMzjeLZuULqA==",
-			"peer": true,
 			"dependencies": {
 				"esbuild": "^0.21.3",
 				"postcss": "^8.4.43",
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 5ea69f7..0d28486 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -100,7 +100,7 @@
 <CustomScrollBar
   overflowX="hidden"
   overflowY="auto"
-  Class="h-screen"
+  Class="h-screen {hideOnPrint ? 'hide-on-print' : ''}"
   requireAbsolute={true}
   hideOnMobile={true}
 >
@@ -183,6 +183,13 @@
   </div>
 </CustomScrollBar>
 
+{#if hideOnPrint}
+  <div class="flex-1 hide-if-not-print">
+    <!-- Page content -->
+    {@render children?.()}
+  </div>
+{/if}
+
 {#if footerCollapse}
   <style>
     .about-container {
diff --git a/src/routes/cv/+page.svelte b/src/routes/cv/+page.svelte
index 53cd469..8f45928 100644
--- a/src/routes/cv/+page.svelte
+++ b/src/routes/cv/+page.svelte
@@ -27,6 +27,7 @@
 
   // Print detection setup
   import onMount from "@e/onMount";
+  let debug = false;
   onMount(() => {
     // Check if the query parameter exists in the URL
     const urlParams = new URLSearchParams(window.location.search);
@@ -41,6 +42,9 @@
     if (locale && locale != getLocale()) {
       setLocale(locale);
     }
+
+    const params = new URLSearchParams(window.location.search);
+    debug = params.has("debug");
   });
 
   function getFormattedDate(): string {
@@ -90,9 +94,7 @@
   </div>
   <div class="w-full h-full flex flex-col justify-center overflow-hidden">
     <div
-      class="relative w-full flex h-[1123px] justify-center {$re?.name
-        ? 'hidden'
-        : ''}"
+      class="relative w-full flex justify-center {$re?.name ? 'hidden' : ''}"
     >
       <RepeatedSkills
         class="cozette-force text-5xl text-base-300 "
@@ -105,7 +107,7 @@
     </div>
 
     <div
-      class="NotoSans h-[1123px] cv-config cv-container-container include-in-print {$re?.name
+      class="NotoSans flex flex-col cv-config cv-container-container include-in-print {$re?.name
         ? ''
         : 'absolute'}"
     >
@@ -163,6 +165,12 @@
           </div>
         </div>
       </div>
+      {#if debug}
+        <div class="hide-on-print py-4"><div>===== Next page =====</div></div>
+        <div class="cv-container flex-col flex-col-reverse include-in-print">
+          <div class="text-black text-wrap">hello</div>
+        </div>
+      {/if}
     </div>
   </div>
 </div>
diff --git a/src/routes/test/+page.svelte b/src/routes/test/+page.svelte
new file mode 100644
index 0000000..bfb1d46
--- /dev/null
+++ b/src/routes/test/+page.svelte
@@ -0,0 +1,5 @@
+<div class="h-[594mm] w-[20mm] bg-white text-black">
+  {#each { length: 100 } as _, i}
+    <div>{i + 1}</div>
+  {/each}
+</div>
diff --git a/static/stylesheets/global.css b/static/stylesheets/global.css
index 607abdc..83bdd5b 100644
--- a/static/stylesheets/global.css
+++ b/static/stylesheets/global.css
@@ -46,6 +46,11 @@ body * {
     display: none;
   }
 }
+@media not print {
+  .hide-if-not-print {
+    display: none;
+  }
+}
 
 .include-in-print {
   &,
@@ -82,13 +87,6 @@ code {
   background-color: #333333;
 }
 
-/* Print-specific styles */
-@media print {
-  .hide-on-print {
-    display: none;
-  }
-}
-
 .hidden {
   display: none;
 }