<style>
        .collapsible {
            cursor: pointer;
            border: none;
            text-align: left;
            outline: none;
            padding: 10px;
            width: 100%;
            background-color: #ffffff;
            transition: background-color 0.3s;
        }

        .active, .collapsible:hover {
            background-color: #ccc;
        }

        .content {
            display: none;
            padding: 10px;
            border-top: 1px solid #ddd;
        }

        .navNode {
           padding: 1;
           margin: 0;
           text-align: left;
           border: solid transparent;
        }
        .navcolor {
           color: white;
           cursor: pointer;
           font-size: clamp(0.8rem,1.1vw,1.5rem);
        }

        .navExp {
           color: white;
           text-decoration: none;
           cursor: pointer;
           padding-left: 1px;
           margin-right: 5px;
           font-size: clamp(0.8rem,1.1vw,1.5rem);
        }

        .symbol {
           padding-left: 0;
           padding-bottom: 20px;
        }
</style>
