p19-bug-fixes

openspec/changes/p19-vj-defects/specs/indic-language-mobile-optimization/spec.md

@@ -0,0 +1,30 @@
+## ADDED Requirements
+
+### Requirement: Hero block adapts to Indic languages on mobile viewports
+The system SHALL adjust hero block typography and layout when displaying Tamil or Malayalam content on mobile devices to ensure full content visibility.
+
+#### Scenario: Tamil content on mobile viewport
+- **WHEN** the hero block displays Tamil content on a mobile viewport (width ≤ 640px)
+- **THEN** the hero block height SHALL increase to accommodate the larger text
+- **AND** the hero title font size SHALL be reduced from 1.9rem to 1.6rem
+- **AND** the hero summary font size SHALL be reduced from 1.08rem to 0.95rem
+- **AND** the entire hero content including headline and summary SHALL remain visible without clipping
+
+#### Scenario: Malayalam content on mobile viewport
+- **WHEN** the hero block displays Malayalam content on a mobile viewport (width ≤ 640px)
+- **THEN** the hero block height SHALL increase to accommodate the larger text
+- **AND** the hero title font size SHALL be reduced from 1.9rem to 1.6rem
+- **AND** the hero summary font size SHALL be reduced from 1.08rem to 0.95rem
+- **AND** the entire hero content including headline and summary SHALL remain visible without clipping
+
+#### Scenario: Hero image scales appropriately on mobile
+- **WHEN** the hero block is displayed on a mobile viewport (width ≤ 640px)
+- **THEN** the hero image height SHALL be reduced from 300px to 220px
+- **AND** the image SHALL maintain its aspect ratio
+- **AND** the image SHALL not overflow its container
+
+#### Scenario: Content remains readable after adjustments
+- **WHEN** typography adjustments are applied for mobile Indic content
+- **THEN** text SHALL remain legible with adequate line height (minimum 1.5)
+- **AND** text SHALL maintain sufficient contrast against background
+- **AND** touch targets SHALL remain at least 44px in height