From 5c2099c85988b8d988a43ae480b8df04039a7d2a Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Mon, 13 Jul 2026 01:22:41 +0900
Subject: [PATCH] fix(ui): preserve secure responsive typography

---
 src/main/kotlin/html4tree/main.kt     | 5 +++++
 src/test/kotlin/html4tree/MainTest.kt | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/src/main/kotlin/html4tree/main.kt b/src/main/kotlin/html4tree/main.kt
index 70857a8..c14010f 100644
--- a/src/main/kotlin/html4tree/main.kt
+++ b/src/main/kotlin/html4tree/main.kt
@@ -192,6 +192,11 @@ fun process_dir(curr_dir: File){
 
     val css = """
               <style nonce="${styleNonce}">
+              body {
+                font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+                line-height: 1.5;
+                padding: 1rem;
+              }
               ul {
                 list-style-type: none;
                 padding-left: 0;
diff --git a/src/test/kotlin/html4tree/MainTest.kt b/src/test/kotlin/html4tree/MainTest.kt
index d3dade6..eaa855d 100644
--- a/src/test/kotlin/html4tree/MainTest.kt
+++ b/src/test/kotlin/html4tree/MainTest.kt
@@ -179,6 +179,9 @@ class MainTest {
         assertTrue(htmlContent.contains("class=\"dir-link\""))
         assertTrue(htmlContent.contains(".empty-dir"))
         assertTrue(htmlContent.contains("prefers-color-scheme: dark"))
+        assertTrue(htmlContent.contains("font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;"))
+        assertTrue(htmlContent.contains("line-height: 1.5;"))
+        assertTrue(htmlContent.contains("padding: 1rem;"))
     }
 
     @Test