:root{--bg:#faf8f5;--fg:#2b2a28;--mute:#7a766f;--acc:#b5651d;--line:#e6e1d9}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.7 Georgia,"Times New Roman",serif}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
header,main,footer{max-width:720px;margin:0 auto;padding:0 20px}
header{padding-top:48px;padding-bottom:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}
.logo{font-size:26px;font-weight:bold;color:var(--fg)}
nav a{margin-left:18px;font-family:system-ui,sans-serif;font-size:15px;color:var(--mute)}
main{padding-top:32px;padding-bottom:48px}
.post{padding:22px 0;border-bottom:1px solid var(--line)}
.post h2{margin:0 0 4px;font-size:22px}.post h2 a{color:var(--fg)}
.meta{font-family:system-ui,sans-serif;font-size:13px;color:var(--mute);letter-spacing:.03em;text-transform:uppercase}
article h1{font-size:32px;line-height:1.25;margin:0 0 8px}article p{margin:0 0 1.1em}
blockquote{margin:1.5em 0;padding-left:18px;border-left:3px solid var(--acc);color:var(--mute);font-style:italic}
footer{padding-top:20px;padding-bottom:40px;border-top:1px solid var(--line);font-family:system-ui,sans-serif;font-size:13px;color:var(--mute)}