:root{
    --bg:#f5f5f5;
    --surface:#fff;
    --text:#222;
    --muted:#666;
  
    --primary:#7886C7;
    --header:#2D336B;
    --shadow:0 2px 10px rgba(0,0,0,.08);
  }
  
  *{box-sizing:border-box;margin:0;padding:0}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    line-height:1.6;
    color:var(--text);
    background:var(--bg);
  }
  .container{max-width:1000px;margin:0 auto;padding:0 20px}
  a{color:inherit}
  
  /* Header */
  header{
    position:sticky;top:0;z-index:10;
    background:var(--header);
    color:#fff;
    box-shadow:var(--shadow);
  }
  nav ul{
    list-style:none;
    display:flex;
    justify-content:center;
    gap:1.5rem;
    padding:1rem 0;
    flex-wrap:wrap;
  }
  nav a{color:#fff;text-decoration:none;opacity:.95}
  nav a:hover{opacity:1;color:var(--primary)}
  
  /* Sections + type */
  .section{padding:3rem 0;background:var(--surface);margin-bottom:2px}
  .section:nth-child(even){background:#fafafa}
  
  h1{font-size:2.2rem;margin-bottom:.25rem}
  h2{
    font-size:1.6rem;
    margin:1.25rem 0 .9rem;
    margin-top: 0;
    border-bottom:3px solid var(--primary);
    display:inline-block;
    padding-bottom:.35rem;
  }
  .small{color:var(--muted)}
  
  /* About layout */
  .profile{
    display:flex;
    gap:2rem;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:1.25rem;
  }
  .avatar{
    width:160px;
    height:160px;
    border-radius:50%;
    overflow:hidden;          /* important */
    display:block;
  }
  .myself {
    color: var(--primary);
    font-weight: bold;
  }
  .avatar img{
    width:100%;
    height:100%;
    object-fit:cover;         /* fills circle, crops excess */
    object-position:center;   /* keep face centered */
    display:block;            /* removes inline gap */
  }
  
  .meta .title,.meta .affiliation{color:var(--muted)}
  
  /* Simple blocks */
  .block{
    margin-top:1rem;
    padding:.9rem 1rem;
    border-left:4px solid var(--primary);
    background:rgba(0,0,0,.02);
    border-radius:8px;
  }
  .block h3{font-size:1rem;margin-bottom:.35rem}
  .block ul{margin-left:1.1rem}
  .block li{margin:.2rem 0}
  
  /* Publications list */
  .pub-list{margin-left:1.1rem}
  .pub-list li{margin:.4rem 0}
  .pub-meta{color:var(--muted)}
  
  /* Footer */
  footer{
    background:var(--header);
    color:#fff;
    text-align:center;
    padding:1.5rem 0;
  }
  
  @media (max-width:768px){
    h1{font-size:1.8rem}
    .profile{justify-content:center;text-align:center}
  }
  .pub-list a { text-decoration: none; }
  .pub-list a:hover { text-decoration: underline; }
  
  .pdf-link{
    margin-left:.5rem;
    font-size:.9rem;
    color: var(--muted);
  }
  .pdf-link:hover{
    color: var(--text);
  }
  .margin-top {
    margin-top: 0.5rem;
  }