--- a/mrjunejune/src/base.css	Fri Jan 02 19:16:17 2026 -0800
+++ b/mrjunejune/src/base.css	Fri Jan 02 20:21:58 2026 -0800
@@ -149,6 +149,8 @@
   color: rgb(var(--gray-dark));
   font-size: 20px;
   line-height: 1.7;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 main {
@@ -171,19 +173,19 @@
 }
 
 h1 {
-  font-size: 3.052em;
+  font-size: 2.5em;
 }
 
 h2 {
-  font-size: 2.441em;
+  font-size: 2em;
 }
 
 h3 {
-  font-size: 1.953em;
+  font-size: 1.75em;
 }
 
 h4 {
-  font-size: 1.563em;
+  font-size: 1.5em;
 }
 
 h5 {
@@ -290,9 +292,67 @@
 @media (max-width: 720px) {
   body {
     font-size: 18px;
+    line-height: 1.8;
   }
+
   main {
+    padding: 1.5em 1em;
+  }
+
+  h1 {
+    font-size: 2em;
+  }
+
+  h2 {
+    font-size: 1.75em;
+  }
+
+  h3 {
+    font-size: 1.5em;
+  }
+
+  h4 {
+    font-size: 1.25em;
+  }
+
+  h5 {
+    font-size: 1.1em;
+  }
+
+  p {
+    margin-bottom: 1.25em;
+  }
+
+  /* Better touch targets for mobile */
+  a {
+    padding: 0.25em 0;
+    display: inline-block;
+  }
+
+  button, input[type="submit"], input[type="button"] {
+    min-height: 44px;
+    padding: 0.75em 1.5em;
+    font-size: 1em;
+  }
+
+  input, textarea, select {
+    font-size: 16px; /* Prevents zoom on iOS */
+  }
+
+  /* Improve blockquote readability */
+  blockquote {
+    font-size: 1.1em;
+    padding: 0.5em 0 0.5em 1em;
+  }
+
+  /* Better code block sizing */
+  code {
+    font-size: 0.9em;
+  }
+
+  pre {
     padding: 1em;
+    overflow-x: auto;
   }
 }