/* Basic menu styling */
        .menu {
            background: #e6ffe6;
            color: black;
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            border: 1px solid #ccc;
        }

        .menu li {
            list-style: none;
        }

        .menu > li {
            position: relative;
            border-right: 1px solid #ccc;
        }

        .menu > li:last-child {
            border-right: none;
        }

        .menu a {
            display: block;
            padding: 12px 6px;
            text-decoration: none;
            color: black;
        }

        .menu a:hover {
            background: #d4f7d4;
        }

        /* Submenu styling */
        .submenu {
            position: absolute;
            top: 100%;
            left: 0;
            background: #e6ffe6;
            min-width: 20px;
            display: none;
            z-index: 1000;
            border: 1px solid #ccc;
            padding: 0;
            margin: 0;
        }

        .submenu .submenu {
            top: 0;
            left: 100%;
        }

        .submenu li {
            position: relative;
            border-bottom: 1px solid #ddd;
        }

        .submenu li:last-child {
            border-bottom: none;
        }

        .submenu a {
            padding: 6px 12px 6px 6px;
            white-space: nowrap;
            color: black;
        }

        .submenu .has-submenu > a {
            padding-right: 40px;  /* Extra space for the right arrow */
        }

        .submenu a:hover {
            background: #d4f7d4;
        }

        /* Show submenu on hover */
        .menu li:hover > .submenu {
            display: block;
        }

        /* Arrow indicators */
        .has-submenu > a::after {
            content: "▼";
            margin-left: 5px;
        }

        .submenu .has-submenu > a {
            position: relative;
        }

        .submenu .has-submenu > a::after {
            content: "▶";
            position: absolute;
            right: 6px;
            top: 50%;
            transform: translateY(-50%);
        }
        .menu > li.right-justified {
            margin-left: auto;        /* Pushes item to the right */
            border-right: none;       /* Removes right border */
            border-left: 1px solid #ccc; /* Adds left border as separator */
        }