.llms-tree{

    display:flex;
    flex-direction:column;
    gap:35px;

}

.llms-tree-root{

    position:relative;

}

.llms-level-1{

    position:relative;
    padding-right:22px;
    margin-bottom:18px;
    font-size:24px;
    font-weight:700;

}

.llms-level-1:before{

    content:"";
    position:absolute;
    right:6px;
    top:10px;
    bottom:-18px;
    width:2px;
    background:#ddd;

}

.llms-level-1>a{

    color:inherit;
    text-decoration:none;

}

.llms-level-1 span{

    color:#888;
    font-size:14px;

}

.llms-branch{

    position:relative;
    margin-right:20px;
    padding-right:24px;
    margin-bottom:22px;

}

.llms-branch:before{

    content:"";
    position:absolute;
    right:6px;
    top:0;
    width:16px;
    height:18px;
    border-right:2px solid #ddd;
    border-bottom:2px solid #ddd;

}

.llms-level-2{

    font-size:18px;
    font-weight:600;
    margin-bottom:10px;

}

.llms-level-2 a{

    color:inherit;
    text-decoration:none;

}

.llms-level-2 span{

    color:#999;
    font-size:13px;

}

.llms-level-3{

    display:flex;
    flex-wrap:wrap;
    gap:8px;

}

.llms-chip{

    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:6px 12px;

    border-radius:25px;

    background:#f4f4f4;

    color:#444;

    text-decoration:none;

    transition:.25s;

    font-size:14px;

}

.llms-chip:before{

    content:"●";
    color:#999;
    font-size:8px;

}

.llms-chip:hover{

    background:#e8e8e8;

}

@media(max-width:768px){

    .llms-level-1{

        font-size:20px;

    }

    .llms-level-2{

        font-size:16px;

    }

    .llms-chip{

        font-size:13px;
        padding:5px 10px;

    }

}