:root { --ink:#101010; --soft:#777; --line:#e7e4dd; --bg:#f6f4ef; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0; background:var(--bg); color:var(--ink);
  font:400 19px/1.55 Georgia,"Iowan Old Style","Times New Roman",serif;
  -webkit-font-smoothing:antialiased;
  overflow-wrap:break-word;
}
.wrap { max-width:40rem; margin:0 auto; padding:8vh 1.5rem 7vh; }

h1 { font-size:1.7rem; line-height:1.25; font-weight:400; letter-spacing:-0.015em; margin:0 0 1.4rem; }
p { margin:0 0 1.1rem; }
.muted { color:var(--soft); font-size:1.05rem; }

a.inline { color:var(--ink); text-decoration:none; border-bottom:1px solid var(--line); }
a.inline:hover { border-color:var(--ink); }

/* Bio — role blocks (scannable track record) */
.role { padding:1.5rem 0; border-top:1px solid var(--line); }
.role:first-of-type { border-top:none; padding-top:0; }
.role .n {
  display:block; font-family:ui-monospace,"SF Mono",Menlo,monospace;
  font-size:.72rem; letter-spacing:.16em; color:var(--soft);
  text-transform:uppercase; margin-bottom:.7rem;
}
.role h2 {
  font-size:1.35rem; line-height:1.3; font-weight:400;
  letter-spacing:-0.015em; margin:0;
}
.role ul { list-style:none; margin:1rem 0 0; padding:0; }
.role li {
  color:#3a3a3a; font-size:1.02rem; line-height:1.5;
  padding-left:1.4rem; margin:.5rem 0; position:relative;
}
.role li::before { content:"\2014"; position:absolute; left:0; color:var(--soft); }
.role li .muted { font-size:1.02rem; }

/* Posts list — plain list of links */
.posts { list-style:none; margin:0; padding:0; }
.posts li { margin:0 0 .9rem; padding:0; }
.posts li::before { content:none; }
.posts a { color:var(--ink); text-decoration:none; }
.posts a:hover { text-decoration:underline; }
.posts .date { color:var(--soft); margin-right:.7rem; }

footer { margin-top:3rem; padding-top:1.6rem; border-top:1px solid var(--line); }
.sig { font-size:.95rem; color:var(--soft); margin:0; }

@media (max-width:520px){
  .wrap{ padding:6vh 1.3rem 6vh; }
  h1{ font-size:1.45rem; }
}