:root{--fg:#26292b;--mute:#7a8085;--line:#e6e3dc;--bg:#faf8f4;--acc:#3f6b57}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.75 Georgia,"Times New Roman",serif}
header,main,footer{max-width:700px;margin:0 auto;padding:0 22px}
header{padding-top:52px;padding-bottom:26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}
header a.brand{font-size:24px;font-weight:600;color:var(--fg);text-decoration:none;letter-spacing:.2px}
nav a{margin-left:20px;color:var(--mute);text-decoration:none;font:14px/1 -apple-system,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
nav a:hover{color:var(--acc)}
main{padding-top:34px;padding-bottom:50px}
h1{font-size:32px;line-height:1.25;margin:.2em 0 .3em;font-weight:600}
h2{font-size:22px;margin:1.6em 0 .2em;font-weight:600}
.meta{color:var(--mute);font:13px/1.4 -apple-system,Helvetica,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.lead{color:var(--mute);font-style:italic;margin-top:0}
article.item{padding:22px 0;border-bottom:1px solid var(--line)}
article.item h2{margin:.2em 0}
article.item h2 a{color:var(--fg);text-decoration:none}
article.item h2 a:hover{color:var(--acc)}
a{color:var(--acc)}
blockquote{margin:1.4em 0;padding-left:18px;border-left:3px solid var(--line);color:#555;font-style:italic}
footer{padding-top:22px;padding-bottom:46px;border-top:1px solid var(--line);color:var(--mute);font:13px/1.6 -apple-system,Helvetica,Arial,sans-serif}