.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .structural-grid {
            background-image: radial-gradient(#8E97A4 1px, transparent 1px);
            background-size: 32px 32px;
            opacity: 0.1;
        }
        /* Mobile Menu Styles synchronized with SCREEN_56 */
        .mobile-menu-overlay {
            transform: translateX(100%);
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .mobile-menu-overlay.open {
            transform: translateX(0);
        }
        .menu-backdrop {
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.4s ease;
        }
        .menu-backdrop.active {
            opacity: 1;
            pointer-events: auto;
        }
