.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        body {
            background-color: #fff8f7;
        }
        .structural-border {
            border: 1px solid #8E97A4;
        }
        .structural-border-thick {
            border: 2px solid #1A1E23;
        }
        .hover-red-border:hover {
            border-color: #C1191F;
            border-width: 2px;
        }
        .hard-shadow {
            box-shadow: 4px 4px 0px 0px rgba(26, 30, 35, 0.1);
        }
        .btn-structural {
            position: relative;
            overflow: hidden;
            transition: all 0.2s ease;
        }
        .btn-structural:active {
            transform: scale(0.98);
        }
        /* 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;
        }