:root{
  --bg:#0a0a0a;
  --fg:#f5f5f5;
  --muted:#bdbdbd;
  --col-width: 720px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family: ui-serif, Georgia, 'Times New Roman', Times, serif;line-height:1.7}
a{color:var(--fg);text-decoration:none;border-bottom:1px solid rgba(245,245,245,0.25)}
a:hover{border-bottom-color:var(--fg)}
.container{max-width:var(--col-width);padding:72px 20px 32px;margin:0 auto}
hr{border:none;border-top:1px solid rgba(255,255,255,0.08);margin:28px 0}
.list{list-style:none;margin:0;padding:0}
.item{display:flex;gap:12px;padding:12px 0;align-items:baseline;border-bottom:1px solid rgba(255,255,255,0.06)}
.item:last-child{border-bottom:none}
.date{color:var(--muted);min-width:95px;font-variant-numeric:tabular-nums}
.small{color:var(--muted);font-size:0.95rem}
.bio p{margin:0 0 12px 0}
h1,h2,h3{line-height:1.2;margin:0 0 12px 0}
h1{font-size:2rem}
body.home-template h1{font-size:1.6rem}
h2{font-size:1.35rem;margin-top:28px}
.meta{color:var(--muted);margin:6px 0 22px 0}
.arrow{display:inline-flex;align-items:center;gap:10px;opacity:0.9}
.arrow:hover{opacity:1}
.arrow svg{width:18px;height:18px;transform:translateY(1px)}
blockquote{margin:16px 0;padding-left:16px;border-left:2px solid rgba(255,255,255,0.15);color:#ddd}
code,kbd,pre{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;background:#111;padding:1px 4px;border-radius:4px}
footer{margin-top:48px;color:var(--muted);font-size:0.95rem}