/* Basic styles for chord diagram elements */

.arc path {
    stroke: #fff;
    stroke-width: 0.5px;
    /* fill assigned dynamically */
}

.arc text {
    font-family: Arial, sans-serif;
    font-size: 10px;
    fill: #333;
    cursor: pointer; /* Change to indicate text is clickable */
    /* pointer-events managed in JS now */
}

.chord {
    fill-opacity: 0.67;
    stroke: #fff;
    stroke-width: 0.5px;
    /* fill assigned dynamically */
}

/* Style for faded elements on hover */
.chord.fade, .arc path.fade {
    opacity: 0.1 !important; /* Use important to override inline styles if needed */
}

/* General visualization container styling (if needed beyond inline) */
#visualization {
    position: relative; /* Ensures tooltip positioning works */
    /* background-color handled inline */
}

/* Tooltip styles (if needed beyond inline) */
#tooltip {
    /* Styles handled inline for now */
}

/* Sidebar details panel */
.item-details {
    /* Styles handled inline for now */
}

.author-list {
    list-style-type: none; /* Remove default bullets */
    padding-left: 5px;
    margin-top: 5px;
    max-height: 150px;
    overflow-y: auto;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 5px;
}

.author-list li {
    padding: 2px 0;
    font-size: 12px;
}