:root{--ink:#1a1a1a;--muted:#6b6b6b;--rule:#e0ddd6;--bg:#faf8f4;--accent:#7a5c2e;--code:#f2efe8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
 font:17px/1.7 Georgia,'Iowan Old Style',serif;-webkit-font-smoothing:antialiased}
main{max-width:44rem;margin:0 auto;padding:4rem 1.5rem 6rem}
h1{font-size:1.9rem;line-height:1.25;font-weight:600;margin:0 0 .4rem}
.sub{color:var(--muted);font-size:1.05rem;font-style:italic;margin:0 0 2rem}
h2{font-size:1.15rem;margin:3rem 0 .8rem;padding-top:1.4rem;border-top:1px solid var(--rule);
 letter-spacing:.02em;text-transform:uppercase;font-weight:600}
h3{font-size:1rem;margin:1.8rem 0 .5rem;color:var(--accent)}
.meta{font-size:.86rem;color:var(--muted);line-height:1.6;margin-bottom:2.4rem}
blockquote{margin:1.4rem 0;padding:.9rem 1.2rem;border-left:3px solid var(--accent);
 background:#fff;font-size:1.02rem}
pre{background:var(--code);padding:1rem 1.1rem;overflow-x:auto;font-size:.86rem;
 line-height:1.55;border-radius:3px;font-family:'SF Mono',Menlo,Consolas,monospace}
code{background:var(--code);padding:.1em .35em;border-radius:2px;font-size:.9em;
 font-family:'SF Mono',Menlo,Consolas,monospace}
pre code{background:none;padding:0}
ol,ul{padding-left:1.3rem}
li{margin:.5rem 0}
.qed{text-align:right;color:var(--muted)}
footer{margin-top:4rem;padding-top:1.4rem;border-top:1px solid var(--rule);
 font-size:.85rem;color:var(--muted)}
a{color:var(--accent)}
@media(prefers-color-scheme:dark){
 :root{--ink:#e8e6e1;--muted:#95918a;--rule:#33312d;--bg:#141412;--accent:#c9a227;--code:#1e1d1a}
 blockquote{background:#1a1917}}