:root{--bg:#faf7f2;--fg:#2b2622;--muted:#7a6f66;--accent:#a4503a;--line:#e5ded3}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.7 Georgia,'Times New Roman',serif}
.wrap{max-width:680px;margin:0 auto;padding:0 20px}
header{padding:48px 0 24px;border-bottom:1px solid var(--line)}
header a.brand{font-size:28px;font-weight:700;color:var(--fg);text-decoration:none;letter-spacing:.2px}
header p{margin:6px 0 0;color:var(--muted);font-style:italic}
nav{margin-top:18px;font:15px system-ui,sans-serif}
nav a{color:var(--accent);margin-right:18px;text-decoration:none}
main{padding:32px 0 56px}
article.post{margin-bottom:44px}
article h2{margin:0 0 4px;font-size:24px}
article h2 a{color:var(--fg);text-decoration:none}
article h2 a:hover{color:var(--accent)}
.meta{font:14px system-ui,sans-serif;color:var(--muted);margin-bottom:10px}
a{color:var(--accent)}
footer{border-top:1px solid var(--line);padding:24px 0 48px;color:var(--muted);font:14px system-ui,sans-serif}
@media(max-width:520px){body{font-size:17px}header{padding-top:32px}}