.graph-explorer{

    max-width:1400px;
    margin:auto;
    padding:2rem;

}

.graph-layout{

    display:flex;
    gap:2rem;
    align-items:flex-start;

}

.graph-sidebar{

    width:35%;

}

.graph-detail{

    flex:1;
    background:#fafafa;
    border:1px solid #ddd;
    border-radius:8px;
    padding:1.5rem;

}

.graph-table{

    width:100%;
    border-collapse:collapse;

}

.graph-table th,
.graph-table td{

    border-bottom:1px solid #eee;
    padding:.6rem;
    text-align:left;

}

.graph-table tr:hover{

    background:#f8f8f8;

}

.graph-detail h2{

    margin-top:0;

}

.graph-detail ul{

    padding-left:1.2rem;

}

.graph-detail li{

    margin-bottom:.6rem;

}

.graph-detail pre{

    background:#f5f5f5;
    padding:1rem;
    overflow:auto;
    border-radius:6px;

}

.graph-detail hr{

    margin:2rem 0;

}