body { font-family: Georgia, serif; background:#f4e9cf; color:#1a1410; margin:0; }
.blog-header { background:#2c2116; color:#f7f3e8; padding:14px 12px; display:flex; align-items:center; gap:12px; justify-content:space-between; }
.blog-header a { color:#ffd37a; text-decoration:none; }
.posts { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:10px; padding:10px; }
.post-link { display:block; padding:10px; background:#fff7db; border:2px solid #2c2116; border-radius:8px; color:#1a1410; text-decoration:none; }
.post { max-width:900px; margin:16px auto; padding:12px; background:#fff7db; border:2px solid #2c2116; border-radius:8px; }
.blog-footer { text-align:center; padding:16px; color:#3a2e1e; }