:root { --max: 760px; --text:#111; --muted:#666; }

/* Layout + spacing */
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color:var(--text);
  line-height:1.55;
  background:#fff;
  text-align:center;
}

main{
  max-width:var(--max);
  margin:0 auto;
  padding:28px 18px 48px;
}

.section{ margin-top: 28px; }
.spacer{ height: 18px; }

/* Nav */
.nav,
nav{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:6px;
}

.nav a,
header nav a{
  color:var(--muted);
  text-decoration:none;
}

.nav a:hover,
header nav a:hover{
  text-decoration:underline;
  color:var(--text);
}

/* Typography */
.site-title{
  margin:0 0 10px;
  font-size:18px;
  font-weight:600;
}

.name{
  margin:18px 0 6px;
  font-size:22px;
  font-weight:600;
}

p{ margin:0 0 14px; }

ul{
  list-style:none;
  padding-left:0;
  margin:8px 0 18px;
}

li{ margin:6px 0; }

a{ color:var(--text); }

.section-title{
  margin-top:22px;
  font-size:14px;
  font-weight:600;
  color:var(--muted);
}

.fine{ color:var(--muted); font-size:13px; }

/* Avatar */
.avatar{
  width:160px;
  height:160px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  margin:14px auto 6px;
}

/* Narrow, centered prose blocks (Colophon + footer text) */
.colophon-text{
  max-width:600px;
  margin:0 auto;
  text-align:center;
}