## MODIFIED Requirements ### Requirement: Hero metadata readability over images Hero metadata (`LATEST`, relative time, headline, and summary) SHALL remain visually legible across bright and dark images on desktop and mobile, including Tamil and Malayalam rendering paths. #### Scenario: Bright image background - **WHEN** the hero image contains bright regions under metadata text - **THEN** overlay and text styles preserve readable contrast for metadata and headline blocks - **AND** readability remains stable for English, Tamil, and Malayalam content #### Scenario: Mobile viewport readability - **WHEN** the hero renders on a mobile viewport - **THEN** metadata and title remain readable without overlapping controls or clipping - **AND** Tamil and Malayalam typography remains legible at mobile breakpoints