fix: use Georgia serif for agent response

Author: nikhilwoodruff

docs/src/app/globals.css

@@ -103,9 +103,9 @@ code {
 
 /* Agent response content */
 .response-content {
-  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
-  font-size: 17px;
-  line-height: 1.75;
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-size: 16px;
+  line-height: 1.7;
   color: #1e293b;
   -webkit-font-smoothing: antialiased;
 }
@@ -121,10 +121,9 @@ code {
 .response-content h1,
 .response-content h2,
 .response-content h3 {
-  font-family: var(--font-inter), -apple-system, sans-serif;
   font-weight: 600;
   color: #0f172a;
-  margin-top: 1.5em;
+  margin-top: 1.25em;
   margin-bottom: 0.5em;
   line-height: 1.3;
 }

docs/src/components/policy-chat.tsx

@@ -560,14 +560,7 @@ export function PolicyChat() {
                             ? "bg-red-50 border border-red-200"
                             : "bg-white border border-[var(--color-border)]"
                         }`}>
-                          <div
-                            className="response-content"
-                            style={{
-                              fontFamily: '"Instrument Serif", Georgia, serif',
-                              fontSize: '17px',
-                              lineHeight: 1.75,
-                            }}
-                          >
+                          <div className="response-content">
                             <ReactMarkdown remarkPlugins={[remarkBreaks, remarkGfm]}>
                               {message.content}
                             </ReactMarkdown>