/* Basic styles for the name + title on one line */
.profile h1 {
  display: inline; /* keep h1 inline so span sits on same line */
  font-weight: 700; /* bold for the name */
  margin: 0;
  font-size: 1.8rem; /* adjust as desired */
}

.profile .title {
  font-weight: normal !important; /* ensure the title is not bold */
  font-size: 1em; /* same size as the h1 text */
  line-height: 1;
  margin-left: 0.5rem;
  vertical-align: baseline;
}

/* Optional: ensure layout looks good on small screens */
@media (max-width: 480px) {
  .profile h1 { font-size: 1.4rem; }
  .profile .title { font-size: 0.75em; }
}
:root{
  --text:#111;
  --muted:#555;
  --line:#e9e9e9;
  --link:#0b5bd3;
  --bg:#fff;
  --max: 920px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}
body{
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  line-height: 1.62;
  font-size: 16px;
}

nav{
  position: sticky;
  top: 0;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--line);
  z-index: 10;
}
.nav-inner{
  max-width: var(--max);
  margin: 0 auto;
  padding: 14px 20px;
  display:flex;
  align-items:center;
  gap:18px;
}
.nav-inner .brand{
  font-weight: 650;
  letter-spacing: .2px;
  margin-right: 10px;
  white-space: nowrap;
}
.nav-inner a{
  color: var(--muted);
  text-decoration: none;
  font-weight: 520;
}
.nav-inner a:hover{color:var(--text)}
.nav-inner a.active{color:var(--text)}
.nav-inner .spacer{flex:1}
.nav-inner .cv{
  color: var(--link);
  font-weight: 650;
}

.container{
  max-width: var(--max);
  margin: 38px auto 80px;
  padding: 0 20px;
}

h1,h2,h3{line-height:1.2;margin: 0 0 10px}
h1{font-size: 34px; letter-spacing: -.2px}
h2{font-size: 20px; margin-top: 28px}
p{margin: 10px 0}
small{color:var(--muted)}
a{color:var(--link); text-decoration:none}
a:hover{text-decoration:underline}

.profile{
  display:flex;
  gap: 28px;
  align-items:flex-start;
  margin-top: 12px;
}
.profile img{
  width: 170px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--line);
}
.kicker{color: var(--muted); margin-top: 2px;}
.kicker a{color: var(--muted)}
.kicker a:hover{color: var(--text)}
.affil{margin-top: 8px; color: var(--muted);}
.callout{
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fcfcfc;
}

ul{padding-left: 18px}
li{margin: 6px 0}

.pubwrap .measure{max-width: 100%;}
.pubwrap h4{margin: 28px 0 8px; font-size: 18px;}
.pubwrap div{margin: 0;}
/* Make the original publications list denser and more consistent */
.pubwrap .measure > div{margin: 0 0 10px 0;}
.pubwrap .measure > br{display:none;}

.footer{
  margin-top: 44px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 700px){
  .profile{flex-direction:column}
  .profile img{width: 140px; height: 140px}
  h1{font-size: 30px}
  .nav-inner{gap:12px}
  .nav-inner .brand{display:none}
}