feat: better style when printing the article

src/pages/post/[...slug].astro

@@ -52,7 +52,7 @@ const cover = customFeaturedImage || matchedImage_src?.src || `/post/${slug}/fea
         <Content />
       </div>
 
-    <div style="margin-top: 2rem; border-top: 1px solid var(--border-color); padding-top: 1rem;">
+    <div class="extra-post" style="margin-top: 2rem; border-top: 1px solid var(--border-color); padding-top: 1rem;">
     <ReplyViaEmail title={entry.data.title} email={authorInfo.email} />
         <br>
     <a href="/blog">&larr; Back to posts</a>

src/styles/global.css

@@ -291,3 +291,11 @@ div.content {
     padding: 1rem;
   }
 }
+
+/* Printing */
+@media print {
+  /* Hide elements not needed for print */
+  nav.nav,.search-container,footer,div.extra-post {
+    display: none;
+  }
+}