feat: add a Tools page printer for note merge and print presets

Chapter officers can merge a markdown note onto filtered students, teams, or events and save the recipe. Extra student-note columns are additional fields (any ## … fields heading) so they work as print tokens whether imported or typed by hand.

Co-authored-by: Cursor <cursoragent@cursor.com>

WebApp/wwwroot/app.css

@@ -22,7 +22,53 @@
 
     .pagebreak {
         page-break-after: always;
-    } 
+    }
+
+    .markdown-content,
+    .markdown-content h1,
+    .markdown-content h2,
+    .markdown-content h3,
+    .markdown-content p,
+    .markdown-content li,
+    .markdown-content td,
+    .markdown-content th {
+        color: #000;
+        background-color: transparent;
+    }
+
+    .markdown-content h1,
+    .markdown-content h2 {
+        border-bottom-color: #ccc;
+    }
+
+    .markdown-content table th,
+    .markdown-content table td {
+        border-color: #000;
+    }
+
+    .markdown-content table th {
+        background-color: #eee;
+    }
+
+    .markdown-content a {
+        color: #000;
+        text-decoration: underline;
+    }
+
+    .note-print-page,
+    .note-print-page .markdown-content {
+        font-size: var(--print-font-size, 12pt);
+    }
+
+    .print-answer-space {
+        background-image: repeating-linear-gradient(
+            to bottom,
+            transparent,
+            transparent 1.35em,
+            #999 1.35em,
+            #999 calc(1.35em + 1px)
+        );
+    }
 }
 
 .ranked-event-column > div:only-child{
@@ -324,6 +370,38 @@
     height: auto;
 }
 
+.note-print-page {
+    --print-font-size: 12pt;
+    --print-answer-lines: 3;
+}
+
+.note-print-page .markdown-content {
+    font-size: var(--print-font-size, 12pt);
+    line-height: 1.35;
+}
+
+.note-print-page .markdown-content h1 {
+    font-size: 1.3em;
+    margin-top: 0;
+}
+
+.note-print-page .markdown-content table {
+    margin: 0.5em 0 1em;
+    font-size: 0.85em;
+}
+
+.print-answer-space {
+    min-height: calc(var(--print-answer-lines, 3) * 1.35em);
+    margin: 0.2em 0 0.75em;
+    background-image: repeating-linear-gradient(
+        to bottom,
+        transparent,
+        transparent 1.35em,
+        #bbb 1.35em,
+        #bbb calc(1.35em + 1px)
+    );
+}
+
 /* Note color classes - pastel background colors */
 .note-color-0 {
     background-color: #e3f2fd;