/*
FILE:
 /core/styles/mobile.css

FINALIZED IMMERSIVE MOBILE EXPERIENCE SYSTEM
- Mobile-first immersive learning ergonomics
- Safe-area adaptive viewport governance
- Keyboard-safe interaction architecture
- Orientation-safe responsive continuity
- Touch-safe interaction stabilization
- Tablet-safe educational layouts
- Immersive exam mobile optimization
- Render-safe viewport scaling
- Cross-platform adaptive governance
- Premium handheld experience system
- Production-ready testing foundation
*/

/* ================= ROOT ================= */

:root{

  --safe-top:
    env(safe-area-inset-top);

  --safe-bottom:
    env(safe-area-inset-bottom);

  --safe-left:
    env(safe-area-inset-left);

  --safe-right:
    env(safe-area-inset