/* Minimal responsive academic site styling */
:root { --fg: #1a1a1a; --bg: #fff; --muted: #666; --accent: #2b6cb0; }
*{box-sizing:border-box}
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, 'Noto Sans', 'Microsoft YaHei', sans-serif; color: var(--fg); background: var(--bg); }
.navbar { display:flex; align-items:center; justify-content:space-between; padding: 1rem 1.25rem; border-bottom: 1px solid #eee; }
.navbar .brand { font-weight: 600; color: var(--fg); text-decoration: none; }
.nav-links { list-style: none; display:flex; gap:.75rem; padding:0; margin:0; }
.nav-links a { text-decoration:none; color: var(--fg); padding:.25rem .5rem; border-radius:.25rem }
.nav-links a:hover { background:#f2f2f2 }
.lang-switch { display:flex; gap:.25rem; color: var(--muted); }
.content { max-width: 900px; padding: 1.25rem; margin: 0 auto; }
.site-footer { border-top:1px solid #eee; padding:1rem 1.25rem; color:var(--muted); text-align:center }
/* On small screens, keep nav links visible and allow wrapping instead of hiding them */
@media (max-width:640px){
	.navbar { flex-wrap: wrap; row-gap: .5rem; }
	.nav-links { flex-wrap: wrap; }
}
.prewrap { white-space: pre-wrap; }
.profile-section { display:flex; justify-content:center; margin: 1rem 0 1.5rem; }
.profile-img { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; border: 1px solid #eee; }
.profile-left { float:left; width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 1px solid #eee; margin: 0 1rem 1rem 0; }
.pub-list { list-style:none; padding:0; margin: 0; }
.pub-item { padding:.75rem 0; border-bottom: 1px solid #eee; }
.pub-link { color: var(--accent); text-decoration: none; }
.pub-link:hover { text-decoration: underline; }
.pub-authors { display:block; margin-top:.25rem; color: var(--fg); }
.pub-venue { display:block; color: var(--muted); font-size: .9rem; margin-top: .25rem; }
.pub-note { color: var(--muted); font-size: .9rem; margin-top: .75rem; }