Fix mobile responsiveness and language dropdown z-index

[MelbourneDeveloper]

TLDR;

Fix mobile responsiveness: language dropdown z-index, blog padding, responsive breakpoints

What Does This Do?

• Fixes language dropdown appearing behind page content by setting header z-index to 1000 and overflow:visible
• Consolidates blog/page section padding to use same values as other sections
• Adds proper responsive breakpoints at 768px and 480px

Brief Details?

• Header z-index: 100 → 1000, added overflow:visible
• Container inside header: overflow:visible to prevent clipping dropdown
• Blog padding: --space-12 → --space-16 to match other sections
• Added 480px breakpoint with proper mobile sizing

How Do The Tests Prove The Change Works?

CSS-only change - visual testing required. Verify:

1. Language dropdown displays above page content on mobile
2. Blog post layout matches other page section padding
3. No horizontal scroll on mobile devices

🤖 Generated with Claude Code