Use text-size-adjust: none for code blocks (stronger fix)

text-size-adjust: 100% was not sufficient -- mobile Safari still
inflates text inside pre elements when content overflows horizontally
(e.g., long JSON lines). Using 'none !important' completely disables
the text inflation algorithm for code blocks.

This explains why the first code block (bash, fits viewport) rendered
correctly while the second (JSON, overflows) had inflated font size.

https://claude.ai/code/session_01UjvipgoS6qs1ikzifd77Xi

Author: claude

src/css/custom.css

@@ -28,8 +28,9 @@
 pre, pre code, .prism-code {
   font-size: 14px !important;
   line-height: 1.5 !important;
-  -webkit-text-size-adjust: 100%;
-  text-size-adjust: 100%;
+  -webkit-text-size-adjust: none !important;
+  -moz-text-size-adjust: none !important;
+  text-size-adjust: none !important;
 }
 
 /* Smaller code blocks on mobile for better readability */