.dotted-underline {
    text-decoration: underline;
    text-decoration-style: dotted;
}

.article-menu ul {
    list-style-type: none; /* Remove bullets */
    padding: 0;           /* Remove default padding */
    margin: 0;            /* Remove default margin */
}

.article-menu li {
    margin: 5px 0; /* Optional: Add some space between the list items */
}

.article-menu a {
    text-decoration: none; /* Remove underline */
    color: black;         /* Set text color to black */
}

.article-menu a:hover {
    text-decoration: underline; /* Optional: Add underline on hover for better UX */
    color: darkblue;           /* Optional: Change color on hover */
}

.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px; 
}

.reference-list-item {
    line-height: 1.2; /* Adjust line height */
    padding: 0.2rem 0.5rem; /* Adjust padding */
}

.note {
    position: relative; /* Positioning context for the tooltip */
    cursor: pointer; /* Change cursor to pointer on hover */
}

.note:hover::after {
    opacity: 0; /* Show tooltip on hover, set 1 to enable the tooltip */
}