:root{--bg:#fffaf5;--ink:#2b2522;--muted:#7a6e66;--acc:#d9785b;--card:#fff;--line:#efe4da}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,"PT Serif",serif;background:var(--bg);color:var(--ink)}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:880px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);background:#fff}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;flex-wrap:wrap;gap:10px}
.logo{font-size:22px;font-weight:bold;color:var(--ink)}.logo span{color:var(--acc)}
nav a{margin-left:18px;font:15px/1 -apple-system,Segoe UI,Arial,sans-serif;color:var(--muted)}
.hero{padding:44px 0 24px}.hero h1{font-size:34px;margin:0 0 10px}.hero p{color:var(--muted);margin:0}
.posts{display:grid;gap:22px;padding:20px 0 50px}
.post{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}
.post h2{margin:0 0 6px;font-size:23px}.post h2 a{color:var(--ink)}
.meta{font:13px -apple-system,Segoe UI,Arial,sans-serif;color:var(--muted);margin-bottom:10px}
article{padding:36px 0 60px}article h1{font-size:32px;line-height:1.25}
article blockquote{border-left:3px solid var(--acc);margin:20px 0;padding:4px 18px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:26px 0;font:14px -apple-system,Segoe UI,Arial,sans-serif;color:var(--muted)}
.tag{display:inline-block;background:#fbeee6;color:var(--acc);border-radius:20px;padding:2px 10px;font:12px Arial,sans-serif;margin-right:6px}