/* Shared styles */
:root{
  --nav-bg: #ffffff;
  --accent: #003366;
  --muted: #666666;
  --link: #0077cc;
  --max-width: 1000px;
}
*{box-sizing:border-box;}
body{font-family: 'Open Sans', Arial, sans-serif; margin:0; color:#222; background:#fff;}
a{color:var(--link); text-decoration:none;}
.header{
  background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85));
  border-bottom:1px solid #eee;
  position:sticky; top:0; z-index:1000;
}
.navbar{max-width:var(--max-width); margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:12px 20px;}
.logo{display:flex; align-items:center; gap:12px;}
.site-title{font-weight:700; color:var(--accent); margin:0; font-size:18px;}
.nav-links{display:flex; gap:18px; align-items:center;}
.nav-links a{color:var(--accent); font-weight:600;}
.icons{display:flex; gap:8px; align-items:center;}
.icon{font-size:16px; color:var(--accent); text-decoration:none; padding:6px; border-radius:6px;}

/* Hero */
.hero{max-width:var(--max-width); margin:30px auto; display:flex; gap:30px; align-items:center; padding:20px;}
.hero .intro{flex:1;}
.hero h1{margin:0; font-size:34px; color:var(--accent);}
.hero p{margin:6px 0; color:var(--muted);}
.profile{width:280px; height:310px; border-radius:10px; object-fit:cover; border:4px solid #fff; box-shadow:0 3px 12px rgba(0,0,0,0.08)}

/* Content */
.container{max-width:var(--max-width); margin:20px auto; padding:0 20px;}
.section{padding:30px 0; border-bottom:1px solid #f0f0f0;}
.section h2{color:var(--accent); margin:0 0 12px 0; font-size:22px;}

/* Publications, lists */
ul.pub-list{list-style:none; padding:0;}
ul.pub-list li{padding:8px 0; border-bottom:1px dashed #eee; color:#333;}

/* CV embed */
.cv-embed{width:100%; height:850px; border:1px solid #ddd;}

/* Footer */
footer{max-width:var(--max-width); margin:30px auto; padding:20px; color:var(--muted); font-size:14px; text-align:center;}

/* Responsive */
@media(max-width:800px){
  .hero{flex-direction:column; text-align:center;}
  .profile{width:120px; height:120px; margin:0 auto;}
  .nav-links{display:none;}
}