/*
============================================
🛠 Project Status: Lore Archive UI Troubleshooting

Refining Lore Archive layout logic for cross-browser consistency (Chrome, Firefox, Safari).
Focus: structural integrity, modular CSS, cross-browser compatibility.

Issues:
1. Button interaction bug (Safari/Firefox):
   - CTA button intermittently fails to register clicks.
   - Possible z-index, overlay, flex/grid, or event bubbling issues.
2. CSS fallback coverage:
   - Audit for missing @supports queries and fallback styles.
   - Grid-first, Flexbox fallback for picky engines.
3. Structural refactor in layout zones:
   - Modular, reusable grid areas and semantic containers.
4. Legacy style conflicts:
   - Cleanup unused/overly specific selectors.
============================================
*/
/* 🧪 Experimental Lore Styling */
/*
============================================
🧩 Lore Archive Layout Zone — Grid-first, Flexbox Fallback
============================================
*/