diff --git a/static/ae-print-badge.css b/static/ae-print-badge.css
index 6389bef9..87543f33 100644
--- a/static/ae-print-badge.css
+++ b/static/ae-print-badge.css
@@ -82,30 +82,30 @@
     /* ============================================================
        TEMPORARY DEBUG OUTLINES — remove before going live
        ============================================================ */
-    html {
+    html.debug_outlines {
         outline: 3px dashed lime !important;
         outline-offset: -3px !important;
     }
-    body {
+    html.debug_outlines body {
         outline: 4px solid blue !important;
         outline-offset: -4px !important;
     }
     /* Red = #ae_main_content — block passthrough, should fill page width/height. */
-    #ae_main_content {
+    html.debug_outlines #ae_main_content {
         outline: 3px dashed red !important;
         outline-offset: -6px !important;
     }
     /* Orange + purple = display:contents — should be INVISIBLE (no box). */
-    .main_content {
+    html.debug_outlines .main_content {
         outline: 3px dashed orange !important;
         outline-offset: -9px !important;
     }
-    #badge_render_area {
+    html.debug_outlines #badge_render_area {
         outline: 3px dashed purple !important;
         outline-offset: -12px !important;
     }
     /* Cyan = the actual badge — should be dead-center on page */
-    .event_badge_wrapper {
+    html.debug_outlines .event_badge_wrapper {
         outline: 3px solid cyan !important;
         outline-offset: 2px !important;
     }