:root{--fg:#1d1f21;--muted:#6b7280;--bg:#fbfbf9;--line:#e5e5e0}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
header,main,footer{max-width:44rem;margin:0 auto;padding:0 1.25rem}
header{display:flex;justify-content:space-between;align-items:baseline;padding-top:2rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.brand{font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--fg)}
nav a{margin-left:1rem;color:var(--muted);text-decoration:none;font-size:.94rem}
nav a:hover{color:var(--fg)}
h1{font-size:1.6rem;line-height:1.3;margin:2rem 0 .75rem}
.lede{color:var(--muted)}
.posts{list-style:none;padding:0}
.posts li{padding:.55rem 0;border-bottom:1px dashed var(--line)}
.posts .date{display:inline-block;min-width:6.5rem;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}
.posts a{color:var(--fg)}
.date{color:var(--muted);font-size:.9rem}
code{background:#efefe9;padding:.1rem .3rem;border-radius:3px;font-size:.92em}
footer{margin-top:3rem;padding-bottom:2.5rem;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:1rem}