:root{--fg:#22201c;--bg:#faf8f4;--mut:#6b665e;--acc:#7a5c3e}
*{box-sizing:border-box}
body{margin:0;padding:2.5rem 1.25rem;font:16px/1.7 Georgia,"Times New Roman",serif;
color:var(--fg);background:var(--bg);max-width:44rem;margin-inline:auto}
header{border-bottom:1px solid #e0dbd1;padding-bottom:1rem;margin-bottom:2rem}
h1{font-size:1.6rem;margin:0 0 .4rem}
nav a{color:var(--acc);text-decoration:none}nav a:hover{text-decoration:underline}
.lede{color:var(--mut);font-style:italic}
article{margin:2.2rem 0;padding-bottom:1.6rem;border-bottom:1px solid #ece8e0}
article h2{font-size:1.15rem;margin:0 0 .25rem}
time{display:block;color:var(--mut);font-size:.85rem;margin-bottom:.7rem}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid #e0dbd1;color:var(--mut);font-size:.85rem}
@media(prefers-color-scheme:dark){:root{--fg:#e8e3da;--bg:#1a1815;--mut:#9a9288;--acc:#c9a87c}
header,footer{border-color:#332f29}article{border-color:#2a2723}}