Print checklist on its own page with AEA Data Editor header

_guidance/preparing-replication-package.md

@@ -33,6 +33,11 @@ You can use an AI assistant (such as Claude, ChatGPT, or GitHub Copilot) to guid
 
 The AI will work through each step with you, identify issues, and suggest specific fixes.
 
+<div class="page-break-before print-only print-header">
+  <img src="/images/logo-aea-88x88.jpg" alt="AEA Data Editor logo">
+  <span>Office of the AEA Data Editor</span>
+</div>
+
 ## Checklist
 
 Print off (as PDF or on paper) the following checklist, and tick off each item as you complete it. Provide the completed checklist as part of the replication package.

_sass/custom-print.scss

@@ -0,0 +1,35 @@
+/* ==========================================================================
+   CUSTOM PRINT STYLES (site-specific, kept out of the minimal-mistakes theme
+   so theme updates don't clobber these)
+   ========================================================================== */
+
+.print-only {
+  display: none;
+}
+
+@media print {
+
+  .print-only {
+    display: block !important;
+  }
+
+  .print-header {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    margin-bottom: 1.5rem;
+    padding-bottom: 0.75rem;
+    border-bottom: 2px solid #000;
+
+    img {
+      max-height: 60px;
+      width: auto;
+      margin: 0;
+    }
+
+    span {
+      font-size: 1.25rem;
+      font-weight: bold;
+    }
+  }
+}

assets/css/main.scss

@@ -6,6 +6,7 @@
 
 @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
 @import "minimal-mistakes"; // main partials
+@import "custom-print"; // site-specific print styles, kept separate from the theme
 
 .greedy-nav {
    font-size: 0.8em;