:root{--bg:#f7f5f0;--fg:#23221f;--muted:#6b675e;--accent:#3d6b4f;--line:#e2ddd2}
*{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:42rem;margin:0 auto;padding:0 1.25rem}
header{padding-block:2.5rem 1rem;border-bottom:1px solid var(--line)}
header a{color:inherit;text-decoration:none}
h1{font-size:1.9rem;margin:0}
nav{margin-top:.4rem;font:15px/1.4 system-ui,sans-serif}
nav a{color:var(--accent);margin-right:1rem}
article{padding-block:1.6rem;border-bottom:1px solid var(--line)}
article h2{font-size:1.3rem;margin:0 0 .2rem}
time{color:var(--muted);font:14px system-ui,sans-serif}
footer{padding-block:2rem;color:var(--muted);font:14px system-ui,sans-serif}