:root{--bg:#fbfaf7;--fg:#2b2b2b;--muted:#6f6a62;--accent:#2f6f73;--line:#e6e1d8}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"Times New Roman",serif}
header,main,footer{max-width:720px;margin:0 auto;padding:0 20px}
header{padding-top:36px;padding-bottom:12px;border-bottom:1px solid var(--line)}
header a.brand{font:700 26px/1.2 Georgia,serif;color:var(--fg);text-decoration:none}
header p{margin:4px 0 12px;color:var(--muted);font-style:italic}
nav a{margin-right:18px;color:var(--accent);text-decoration:none;font-family:system-ui,sans-serif;font-size:15px}
nav a:hover{text-decoration:underline}
main{padding-top:24px;padding-bottom:40px}
article{margin-bottom:38px}article h2{margin:0 0 4px;font-size:24px}article h2 a{color:var(--fg);text-decoration:none}
.meta{color:var(--muted);font-family:system-ui,sans-serif;font-size:13px;margin-bottom:10px}
img{max-width:100%;height:auto;border-radius:6px;display:block;margin:16px 0}
blockquote{margin:18px 0;padding-left:16px;border-left:3px solid var(--accent);color:var(--muted)}
footer{border-top:1px solid var(--line);padding-top:14px;padding-bottom:30px;color:var(--muted);font:13px system-ui,sans-serif}