/* --- Base Styles --- */
body {
    font-family:'Merriweather', serif; /* A clean, readable font */
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #f8f8f8; /* Light background for a clean look */
    color: #333; /* Default text color */
}

.container {
    display: flex; /* Enables flexbox layout for side-by-side columns */
    max-width: 1200px;
    margin: 30px auto;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Subtle shadow for depth */
    min-height: 80vh;
}

/* --- Left Sidebar Styling --- */
.sidebar {
    width: 300px; /* Fixed width for the sidebar */
    padding: 30px;
    background-color: #eee; /* Slightly darker background for the sidebar */
    text-align: center;
    flex-shrink: 0; /* Prevents the sidebar from shrinking */
}

/* Updated Name Styling */
.name {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.8em; /* Increased font size */
    font-weight: 400; /* Normal weight for professional look */
    color: #000;
}

.profile-img {
    width: 150px; /* Size of the image */
    height: 150px;
    border-radius: 50%; /* Makes the image circular */
    object-fit: cover; /* Ensures the image covers the area without distortion */
    border: 4px solid #fff; /* White border for contrast */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.links p {
    margin: 10px 0;
    font-size: 1.1em;
}

.links a {
    text-decoration: none;
    color: #333; /* Makes the links NOT blue */
    font-weight: bold;
}

.links a:hover {
    color: #555; /* Subtle hover effect */
}

/* --- Right Content Styling --- */
.content {
    flex-grow: 1; 
    padding: 30px 40px;
}

.header-content {
    margin-bottom: 20px;
}

.title-desc {
    font-size: 1.1em;
    font-style: italic;
    color: #555;
    margin: 5px 0;
}

.bio {
    margin-top: 20px;
    font-size: 1.05em;
    color: #444;
}

/* General H2 Styling (used outside of sub-sections, if any) */
h2 {
    color: #1a4d8c; 
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-top: 30px;
}

hr {
    border: 0;
    height: 1px;
    background: #ccc;
    margin: 30px 0;
}

/* --- Layout for News and Publications  --- */

.sub-sections {
    display: block; /* Change from flex to block to stack items */
    margin-top: 30px;
}

.news-column,
.pubs-column {
    flex: none; /* Allows both columns to grow and share the space equally */
    min-width: 100%; 
}

/* Optional: Style for the vertical separator line */
.separator-line {
    display: none;/* Ensures the line extends down the full height */
}

/* Updated H2 Styling for News and Pre-prints */
.sub-sections h2 {
    font-size: 1.8em;
    font-weight: 400; /* Normal weight */
    color: #333;
    text-align: left; 
    border-bottom: none; 
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 20px;
}

/* --- News Content Styling --- */

#publications ul, #news ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 0; /* Ensures no top margin */
}

#publications li, #news li {
    margin: 0; /* Reset margins */
}

.news-item-title {
    font-size: 1.2em;
    font-weight: 400; /* Normal weight */
    color: #333;
    margin-bottom: 3px;
    margin-top: 15px; /* Space between news items */
}

.news-item-date {
    font-size: 0.9em;
    color: #666; /* Gray color for the date */
    margin-bottom: 15px;
}

/* --- Publication Specific Styling --- */

.publication-item {
    margin-bottom: 25px;
    padding: 15px; 
    background-color: #f9f9f9;
    border-left: 4px solid #1a4d8c;
}

.pub-title {
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 5px;
    color: #1a4d8c; 
}

.pub-authors {
    font-size: 1em;
    margin-bottom: 5px;
    line-height: 1.4;
    color: #444;
}

.my-author {
    font-weight: bold;
    text-decoration: underline; 
    color: #000;
}

.pub-venue {
    font-style: italic;
    color: #666;
    margin-bottom: 10px;
}

/* Joint First Author Styling */
.joint-first-author-symbol {
    font-size: 0.7em; 
    vertical-align: super;
    font-weight: bold;
    color: #1a4d8c; 
    margin-right: 5px; 
}

.pub-authorship-note {
    font-size: 0.9em;
    font-style: italic;
    color: #666;
    margin-top: 5px;
    margin-bottom: 10px;
    border-top: 1px dashed #ddd; 
    padding-top: 5px;
}

/* Links (pdf | supplementary | BioRxiv) */
.pub-links a {
    color: #1a4d8c; 
    text-decoration: none;
    font-weight: 500;
    margin-right: 5px;
}

.pub-links a:hover {