diff --git a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte
index 5e6bdf7e..f196dc03 100644
--- a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte
+++ b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte
@@ -210,6 +210,39 @@
                 break-inside: avoid;
                 page-break-inside: avoid;
             }
+
+            /* ============================================================
+               TEMPORARY DEBUG OUTLINES — remove before going live
+               Each color = one layout layer so you can see what's taking
+               up space and whether display:contents is actually dissolving.
+               ============================================================ */
+            html {
+                outline: 3px dashed lime !important;
+                outline-offset: -3px !important;
+            }
+            body {
+                outline: 4px solid blue !important;
+                outline-offset: -4px !important;
+            }
+            /* Red = should be invisible (display:contents dissolves its box).
+               If you see a red border, display:contents is NOT working here. */
+            #ae_main_content {
+                outline: 3px dashed red !important;
+                outline-offset: -6px !important;
+            }
+            .main_content {
+                outline: 3px dashed orange !important;
+                outline-offset: -9px !important;
+            }
+            #badge_render_area {
+                outline: 3px dashed purple !important;
+                outline-offset: -12px !important;
+            }
+            /* Cyan = the actual badge wrapper — should be the only visible box */
+            .event_badge_wrapper {
+                outline: 3px solid cyan !important;
+                outline-offset: 2px !important;
+            }
         }
     </style>