Update app.py

app.py

@@ -309,57 +309,56 @@ body {
 
 markdown_css = """
 /* ===============================
-   About  Tab – Markdown Typography
+   About Tab – Markdown Typography (Updated)
    =============================== */
 .markdown-text, .markdown-text p {
-    font-family: Arial, Helvetica, sans-serif;
-    font-size: 1.1rem;
-    line-height: 1.75;
-    /* color: #344054; REMOVED - Rely on theme */
-    margin-bottom: 0.9rem;
+    font-family: "Segoe UI", "Helvetica Neue", sans-serif;
+    font-size: 1.2rem;
+    line-height: 1.8;
+    margin-bottom: 1rem;
 }
 
 .markdown-text h1,
 .markdown-text h2,
 .markdown-text h3 {
-    /* color: #212529; REMOVED - Rely on theme */
     font-weight: 600;
     line-height: 1.3;
-    margin: 1.4rem 0 0.8rem 0;
+    margin: 1.5rem 0 0.9rem 0;
 }
-.markdown-text h1 { font-size: 1.7rem; }
-.markdown-text h2 { font-size: 1.5rem; }
-.markdown-text h3 { font-size: 1.3rem; }
+.markdown-text h1 { font-size: 1.9rem; }
+.markdown-text h2 { font-size: 1.6rem; }
+.markdown-text h3 { font-size: 1.4rem; }
 
 .markdown-text ul,
 .markdown-text ol {
-    padding-left: 1.6rem;
-    margin-bottom: 1.1rem;
+    padding-left: 1.8rem;
+    margin-bottom: 1.2rem;
 }
 
 /* Code blocks - light mode */
 .markdown-text pre, .markdown-text code {
     font-family: "Source Code Pro", "Menlo", monospace;
-    background-color: #f1f3f5; /* Light background for light mode */
-    color: #333; /* Dark text for light mode */
+    background-color: #f1f3f5;
+    color: #333;
     border-radius: 0.4rem;
-    border: 1px solid #dee2e6; /* Light border */
+    border: 1px solid #dee2e6;
 }
 .markdown-text pre {
     padding: 1rem 1.2rem;
     overflow-x: auto;
 }
 .markdown-text code {
-    padding: 0.15rem 0.4rem;
-    font-size: 0.95rem;
+    padding: 0.2rem 0.45rem;
+    font-size: 1rem;
 }
 
 @media (max-width: 768px) {
-    .markdown-text, .markdown-text p { font-size: 1.1rem; }
-    .markdown-text h1 { font-size: 1.6rem; }
-    .markdown-text h2 { font-size: 1.4rem; }
-    .markdown-text h3 { font-size: 1.25rem; }
+    .markdown-text, .markdown-text p { font-size: 1.15rem; }
+    .markdown-text h1 { font-size: 1.75rem; }
+    .markdown-text h2 { font-size: 1.5rem; }
+    .markdown-text h3 { font-size: 1.35rem; }
 }
+
 """
 
 tab_css = """