fix: improve agent chat styling and add sentence case to prompt (#55)

- Revert to Inter sans-serif font for response content
- Fix bullet/numbering list rendering with explicit list-style-type
- Add sentence case instruction to agent system prompt
- Remove typing animation

Author: nikhilwoodruff

docs/src/app/globals.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Source+Serif+4:ital,wght@0,400;0,500;0,600;1,400&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
 @import "tailwindcss";
 
 @theme {
@@ -103,43 +103,14 @@ code {
 
 /* Agent response content */
 .response-content {
-  font-family: "Source Serif 4", Georgia, serif;
-  font-size: 17px;
-  line-height: 1.75;
+  font-family: var(--font-inter), -apple-system, BlinkMacSystemFont, sans-serif;
+  font-size: 15px;
+  line-height: 1.7;
   color: #1e293b;
   -webkit-font-smoothing: antialiased;
 }
-
-/* Typing animation */
-@keyframes typeIn {
-  from {
-    opacity: 0;
-    transform: translateY(4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.response-content > * {
-  animation: typeIn 0.3s ease-out forwards;
-  opacity: 0;
-}
-
-.response-content > *:nth-child(1) { animation-delay: 0ms; }
-.response-content > *:nth-child(2) { animation-delay: 50ms; }
-.response-content > *:nth-child(3) { animation-delay: 100ms; }
-.response-content > *:nth-child(4) { animation-delay: 150ms; }
-.response-content > *:nth-child(5) { animation-delay: 200ms; }
-.response-content > *:nth-child(6) { animation-delay: 250ms; }
-.response-content > *:nth-child(7) { animation-delay: 300ms; }
-.response-content > *:nth-child(8) { animation-delay: 350ms; }
-.response-content > *:nth-child(9) { animation-delay: 400ms; }
-.response-content > *:nth-child(10) { animation-delay: 450ms; }
-.response-content > *:nth-child(n+11) { animation-delay: 500ms; }
 .response-content p {
-  margin: 0.875em 0;
+  margin: 0.75em 0;
 }
 .response-content p:first-child {
   margin-top: 0;
@@ -157,10 +128,10 @@ code {
   line-height: 1.3;
 }
 .response-content h1 {
-  font-size: 1.25em;
+  font-size: 1.2em;
 }
 .response-content h2 {
-  font-size: 1.125em;
+  font-size: 1.1em;
 }
 .response-content h3 {
   font-size: 1em;
@@ -174,16 +145,25 @@ code {
   font-weight: 600;
   color: #0f172a;
 }
-.response-content ul,
+.response-content ul {
+  margin: 0.75em 0;
+  padding-left: 1.25em;
+  list-style-type: disc;
+}
 .response-content ol {
-  margin: 0.875em 0;
-  padding-left: 1.5em;
+  margin: 0.75em 0;
+  padding-left: 1.25em;
+  list-style-type: decimal;
 }
 .response-content li {
-  margin: 0.375em 0;
+  margin: 0.35em 0;
+  padding-left: 0.25em;
 }
-.response-content li::marker {
-  color: #64748b;
+.response-content ul ul {
+  list-style-type: circle;
+}
+.response-content ul ul ul {
+  list-style-type: square;
 }
 .response-content code {
   font-family: "JetBrains Mono", ui-monospace, monospace;

src/policyengine_api/agent_sandbox.py

@@ -49,10 +49,11 @@
 
 Follow PolicyEngine's writing style:
 
-1. **Active voice**: "The reform reduces poverty by 3.2%" not "Poverty is reduced by 3.2%"
-2. **Quantitative precision**: Use specific numbers, avoid vague words like "significantly" or "substantially"
-3. **Neutral tone**: Describe what policies do, not whether they're good or bad
-4. **Tables for data**: Present breakdowns and comparisons in markdown tables
+1. **Sentence case**: Use sentence case for all headings (e.g. "Tax breakdown" not "Tax Breakdown")
+2. **Active voice**: "The reform reduces poverty by 3.2%" not "Poverty is reduced by 3.2%"
+3. **Quantitative precision**: Use specific numbers, avoid vague words like "significantly" or "substantially"
+4. **Neutral tone**: Describe what policies do, not whether they're good or bad
+5. **Tables for data**: Present breakdowns and comparisons in markdown tables
 
 Example response format:
 | Item | Amount |