/* Ensure consistent font family */
.news {
    margin-top: 0px; /* Space above the news section */
    background-color: white;
    padding: 0%;
    border-radius: 5px; /* Rounded corners */
    font-family: Arial, sans-serif; /* Ensure font family is consistent */
}

/* Style the news heading */
.news h2 {
    font-size: 1.5rem; /* Adjust size to match theme */
    margin-bottom: 15px; /* Space below heading */
    font-weight: bold; /* Maintain consistency in font weight */
}

/* Style the news table */
.table-responsive {
    margin-top: 10px;
    max-height: 20vw; /* Limit the height of the table */
    overflow-y: auto; /* Show vertical scrollbar */
}

.table-borderless th, 
.table-borderless td {
    border: 1px solid #dee2e6; /* Add borders to table cells */
    text-align: left;
    vertical-align: top; /* Align content to the top */
}

/* Style news links */
.news-title {
    font-weight: bold;
    color: #007bff; /* Blue color for links */
    text-decoration: none; /* Remove underlines */
}

.news-title:hover {
    text-decoration: underline; /* Underline on hover for better UX */
}

/* Optional: WebKit-based scrollbar styling */
.table-responsive::-webkit-scrollbar {
    width: 12px; /* Adjust scrollbar width */
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: #888; /* Darker thumb color */
    border-radius: 10px; /* Rounded corners for the scrollbar thumb */
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Darker color on hover */
}

.publication-item {
    display: flex;
    align-items: center; /* Vertically center the image container */
    margin-bottom: 20px;
}

.publication-image {
    flex: 0 0 20%; /* Ensures the image container takes up 30% of the width */
    max-width: 20%; /* Limits the maximum width of the image container */
    padding-right: 15px; /* Adds spacing between image and text */
    display: flex;
    align-items: center; /* Vertically center the image within the container */
    justify-content: center; /* Horizontally center the image within the container */
}

.publication-image img {
    max-width: 100%; /* Ensures the image does not exceed the width of its container */
    height: auto; /* Maintains the aspect ratio of the image */
    object-fit: contain; /* Ensures the image scales while maintaining its aspect ratio */
}

.publication-details {
    flex: 1; /* Allows the text container to take up the remaining width (70%) */
}

.publication-details h3 {
    font-weight: bold; /* Bold text for the paper title */
    font-size: 1.1em; /* Slightly smaller font size for the title */
    margin: 0;
}

.publication-details .authors {
    font-size: 0.9em; /* Smaller font size for authors */
    margin: 0;
}

.publication-details .journal {
    font-size: 0.9em; /* Same font size as authors */
    font-style: italic; /* Italic style for the journal */
    margin: 0;
}

.publication-details .year {
    font-size: 0.8em; /* Smaller font size for the year */
    margin: 0;
}

.underline {
    text-decoration: underline;
}