:root { --fg:#222; --bg:#fff; --muted:#777; --accent:#268bd2; }
* { box-sizing: border-box; }
body { margin:0; color:var(--fg); background:var(--bg);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.container { max-width:760px; margin:0 auto; padding:0 1rem; }
.site-header { padding-top:2rem; }
.site-title a { color:var(--fg); text-decoration:none; }
.site-subtitle { color:var(--muted); margin-top:.2rem; font-size:.9rem; }
.post-list { list-style:none; padding:0; }
.post-list li { display:flex; gap:1rem; padding:.3rem 0; align-items:baseline; }
.post-date { color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
.post-title { margin-bottom:.2rem; }
.post-categories { margin:.5rem 0; }
.category { background:#eee; border-radius:3px; padding:.1rem .4rem; font-size:.8rem; }
.post-content { margin-top:1.5rem; }
a { color:var(--accent); }
pre { overflow:auto; padding:1rem; border-radius:5px; }
img { max-width:100%; height:auto; }
.site-footer { color:var(--muted); font-size:.85rem; margin:3rem 0 2rem; border-top:1px solid #eee; padding-top:1rem; }