diff --git a/internal/viewer/static/style.css b/internal/viewer/static/style.css
index d2a6fb5..f5c9b00 100644
--- a/internal/viewer/static/style.css
+++ b/internal/viewer/static/style.css
@@ -3,7 +3,7 @@
     color-scheme: light dark;
 
     /* Typography */
-    --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
+    --mono: "SF Mono", "Cascadia Code", Consolas, "Liberation Mono", "DejaVu Sans Mono", ui-monospace, SFMono-Regular, Menlo, "Courier New", monospace;
 
     /* Surfaces */
     --bg: #f5f7fa;
@@ -106,6 +106,10 @@ body {
     padding-bottom: 2rem;
 }
 
+code, pre {
+    font-family: var(--mono);
+}
+
 nav.breadcrumb {
     background: var(--surface);
     border-bottom: 1px solid var(--border);