/* Clean Academic Homepage */

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #333;
    background: #fff;
    line-height: 1.7;
    font-size: 15px;
}

a { color: #1a73e8; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Nav */
.topnav { background: #fff; border-bottom: 1px solid #e0e0e0; position: sticky; top: 0; z-index: 100; }
.nav-inner { max-width: 900px; margin: 0 auto; padding: 0 24px; height: 52px; display: flex; align-items: center; justify-content: space-between; }
.nav-name { font-weight: 700; font-size: 16px; color: #333; }
.nav-links { display: flex; gap: 24px; }
.nav-link { font-size: 14px; color: #555; transition: color 0.2s; }
.nav-link:hover, .nav-link.active { color: #1a73e8; text-decoration: none; }

/* Main */
.main { max-width: 900px; margin: 0 auto; padding: 40px 24px 60px; }

/* Sections */
.section { margin-bottom: 36px; }
.section h2 {
    font-size: 20px; font-weight: 700; color: #222;
    margin-bottom: 14px; padding-bottom: 6px;
    border-bottom: 2px solid #1a73e8; display: inline-block;
}
.section p { margin-bottom: 8px; color: #444; }
.section p strong { color: #222; }

/* Experience list */
.exp-list { list-style: none; }
.exp-list li { margin-bottom: 8px; font-size: 14px; color: #444; }
.exp-time { display: inline-block; min-width: 110px; color: #888; font-size: 13px; }

/* Publication list */
.pub-list { list-style: none; }
.pub-list li {
    margin-bottom: 14px; padding-left: 16px; position: relative;
    color: #444; font-size: 14px; line-height: 1.6;
}
.pub-list li::before {
    content: ''; position: absolute; left: 0; top: 8px;
    width: 6px; height: 6px; background: #1a73e8; border-radius: 50%;
}
.pub-venue { font-weight: 700; color: #1a73e8; margin-right: 4px; }
.pub-list li strong { color: #222; }

/* Footer */
.footer { text-align: center; padding: 24px; color: #aaa; font-size: 12px; border-top: 1px solid #eee; }

/* Responsive */
@media (max-width: 680px) {
    .exp-time { display: block; margin-bottom: 2px; }
}