:root{ --maxw: 860px; --pad: 1rem; }
*{ box-sizing:border-box }
body{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; margin:0; color:#222; line-height:1.6 }
a{ color:inherit }
.site-header,.site-footer{ max-width:var(--maxw); margin:0 auto; padding:var(--pad); display:flex; justify-content:space-between; gap:1rem; align-items:center }
.site-main{ max-width:var(--maxw); margin:0 auto; padding:var(--pad) }
.post-hero img{ width:100%; height:auto; border-radius:12px }
.post-list{ list-style:none; padding:0 }
.post-list li{ display:flex; justify-content:space-between; border-bottom:1px solid #eee; padding:.5rem 0 }
.post-date{ color:#777; font-size:.9rem }