Increase all content font sizes ~33% for accessibility

Base 18→24px, headings, labels, inputs, buttons, badges, banner,
and prompt pills all scaled proportionally. Header and footer
unchanged.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app.py

@@ -648,7 +648,7 @@ custom_css = """
     padding: 0 32px !important;
     background: #FFFFFF !important;
     color: #212529 !important;
-    font-size: 18px !important;
+    font-size: 24px !important;
     line-height: 1.7 !important;
     min-width: 320px !important;
     box-sizing: border-box !important;
@@ -769,10 +769,10 @@ custom_css = """
 /* Active step gets a subtle card treatment */
 .step-group {
     background: #FFFFFF !important;
-    padding: 24px !important;
+    padding: 32px !important;
     border-radius: 4px !important;
     box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
-    margin-bottom: 12px !important;
+    margin-bottom: 16px !important;
     border: none !important;
 }
 
@@ -817,7 +817,7 @@ h1 {
 h2 {
     color: #003478 !important;
     font-weight: 400 !important;
-    font-size: 1.5rem !important;
+    font-size: 2rem !important;
     border: none !important;
     padding: 0 !important;
     margin: 0 0 0.75rem 0 !important;
@@ -825,10 +825,10 @@ h2 {
 h3 {
     color: #333333 !important;
     font-weight: 500 !important;
-    font-size: 20px !important;
+    font-size: 27px !important;
     margin: 0 0 0.5rem 0 !important;
 }
-p, span, li { color: #212529; font-size: 18px; }
+p, span, li { color: #212529; font-size: 24px; }
 
 /* ---------- LINKS ---------- */
 a { color: #0046AD !important; text-decoration: none; }
@@ -838,8 +838,8 @@ a:hover { text-decoration: underline; color: #003478 !important; }
 label {
     color: #212529 !important;
     font-weight: 500 !important;
-    font-size: 16px !important;
-    margin-bottom: 6px !important;
+    font-size: 21px !important;
+    margin-bottom: 8px !important;
 }
 
 /* ---------- FORM INPUTS ---------- */
@@ -847,8 +847,8 @@ input[type="text"], input[type="number"], textarea, select,
 .gr-box, .gr-input, .gr-dropdown {
     border: 1px solid #CED4DA !important;
     border-radius: 4px !important;
-    padding: 12px 14px !important;
-    font-size: 18px !important;
+    padding: 14px 16px !important;
+    font-size: 24px !important;
     color: #212529 !important;
     background: #FFFFFF !important;
 }
@@ -865,8 +865,8 @@ input:focus, textarea:focus, select:focus {
     border: none !important;
     border-radius: 4px !important;
     font-weight: 500 !important;
-    font-size: 17px !important;
-    padding: 14px 28px !important;
+    font-size: 23px !important;
+    padding: 16px 32px !important;
     transition: background 0.15s ease !important;
     min-height: 0 !important;
 }
@@ -881,8 +881,8 @@ input:focus, textarea:focus, select:focus {
     border: 1px solid #0046AD !important;
     border-radius: 4px !important;
     font-weight: 500 !important;
-    font-size: 17px !important;
-    padding: 14px 28px !important;
+    font-size: 23px !important;
+    padding: 16px 32px !important;
     transition: all 0.15s ease !important;
     min-height: 0 !important;
 }
@@ -892,8 +892,8 @@ input:focus, textarea:focus, select:focus {
 
 /* ---------- SMALL / BACK BUTTONS ---------- */
 button.sm {
-    font-size: 15px !important;
-    padding: 8px 16px !important;
+    font-size: 20px !important;
+    padding: 10px 20px !important;
     color: #495057 !important;
     background: transparent !important;
     border: 1px solid #CED4DA !important;
@@ -908,9 +908,9 @@ button.sm:hover { background: #F5F5F5 !important; color: #212529 !important; }
     color: #333333 !important;
     border: 1px solid #CED4DA !important;
     border-radius: 20px !important;
-    font-size: 15px !important;
+    font-size: 20px !important;
     font-weight: 400 !important;
-    padding: 10px 18px !important;
+    padding: 12px 22px !important;
     transition: background 0.15s ease !important;
     min-height: 0 !important;
 }
@@ -924,7 +924,7 @@ blockquote {
     border-left: 4px solid #FFC107 !important;
     padding: 14px 18px !important;
     border-radius: 4px !important;
-    font-size: 16px !important;
+    font-size: 21px !important;
     color: #495057 !important;
     margin: 0 0 16px 0 !important;
 }
@@ -934,19 +934,19 @@ blockquote {
     display: inline-block;
     background: #D4EDDA;
     color: #155724;
-    padding: 6px 16px;
+    padding: 8px 18px;
     border-radius: 12px;
     font-weight: 600;
-    font-size: 16px;
+    font-size: 21px;
 }
 .badge-not-eligible {
     display: inline-block;
     background: #FFF3CD;
     color: #856404;
-    padding: 6px 16px;
+    padding: 8px 18px;
     border-radius: 12px;
     font-weight: 600;
-    font-size: 16px;
+    font-size: 21px;
 }
 
 /* Streaming reflow prevention */
@@ -993,10 +993,10 @@ hr {
 .resources-banner {
     background: #F0F4FA;
     border-left: 5px solid #0046AD;
-    padding: 28px 32px;
-    margin: 0 0 20px 0;
+    padding: 32px 36px;
+    margin: 0 0 24px 0;
     border-radius: 4px;
-    font-size: 22px;
+    font-size: 29px;
     line-height: 1.75;
     color: #212529;
 }
@@ -1012,8 +1012,8 @@ hr {
     .oha-header h1     { font-size: 24px !important; }
     .oha-separator     { margin-left: -12px; margin-right: -12px; }
     .oha-footer        { padding: 12px; margin-left: -12px; margin-right: -12px; }
-    .step-group        { padding: 16px !important; }
-    .prompt-pill button { font-size: 14px !important; padding: 8px 14px !important; }
+    .step-group        { padding: 20px !important; }
+    .prompt-pill button { font-size: 18px !important; padding: 10px 16px !important; }
 }
 """