Update templates/apps-hub/article-writer.html

templates/apps-hub/article-writer.html

@@ -382,8 +382,19 @@ async function downloadHTML() {
         // Add additional styles for expanded sources and body max-width
         css += `
             body.report-body { 
-                max-width: 804px; 
-                margin: 0 auto; 
+            max-width: 804px; 
+            margin: 0 auto; 
+            text-rendering: optimizeLegibility;
+            -webkit-font-smoothing: antialiased;
+            color: rgba(0,0,0,0.8);
+            position: relative;
+            min-height: 100vh;
+            font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif;
+            font-size: 20px;
+            line-height: 1.58;
+            color: rgba(0, 0, 0, 0.8);
+            background-color: #fff;
+            padding: 0 20px;
             }
             .source-item {
                 margin-bottom: 20px;
@@ -396,6 +407,38 @@ async function downloadHTML() {
             }
             .source-full {
                 display: block;
+            }
+                    h1, h2, h3, h4, h5, h6 {
+        font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
+        font-weight: 700;
+        color: rgba(0, 0, 0, 0.84);
+        letter-spacing: -0.022em;
+        line-height: 1.2;
+        }
+        h1 {
+            font-size: 40px;
+            margin-bottom: 0.5em;
+        }
+        h2 {
+            font-size: 32px;
+            margin-top: 1.5em;
+            margin-bottom: 0.5em;
+        }
+        h3 {
+            font-size: 26px;
+            margin-top: 1.5em;
+            margin-bottom: 0.5em;
+        }
+            p {
+                margin-bottom: 32px;
+            }
+            /* Links */
+            a {
+                color: #1a8917;
+                text-decoration: none;
+            }
+            a:hover {
+                text-decoration: underline;
             }
         `;