p19-bug-fixes

README.md

@@ -103,6 +103,25 @@ ClawFort supports English (`en`), Tamil (`ta`), and Malayalam (`ml`) content del
 - Translations are linked to the same base article and served by the existing news endpoints.
 - If a requested translation is unavailable, the API falls back to English.
 
+### Typography and Fonts
+
+**Font Strategy:**
+- **English (Default)**: Inter font family
+- **Tamil**: Baloo 2 (primary), Noto Sans Tamil (fallback), Inter (system fallback)
+- **Malayalam**: Baloo Chettan 2 (primary), Noto Sans Malayalam (fallback), Inter (system fallback)
+
+Fonts are applied via CSS based on the `data-lang` attribute on the HTML element, ensuring English text always uses Inter while Indic languages use their respective smooth fonts.
+
+**Mobile Typography Adjustments:**
+For Tamil and Malayalam content on mobile viewports (≤640px):
+- Hero title: 1.5rem with 1.4 line-height
+- Hero summary: 0.9rem with 1.5 line-height
+- Hero pills: Smaller padding and font-size to ensure visibility
+- Hero image height: 200px (reduced from 300px)
+- Hero content padding: Reduced to 1rem
+
+These adjustments prevent content overflow and ensure the hero block (including LATEST pill and time indicator) remains fully visible on smaller screens while maintaining readability.
+
 Language-aware API usage:
 
 ```bash