:root{--bg:#faf9f7;--fg:#1c1a17;--muted:#5d5852;--rule:#e3ded6;--accent:#8a6d3b;--max:44rem}
@media (prefers-color-scheme:dark){:root{--bg:#14130f;--fg:#eceae5;--muted:#a09a91;--rule:#2e2b25;--accent:#c9a668}}
*{box-sizing:border-box}
body{margin:0;padding:2.5rem 1.25rem 4rem;background:var(--bg);color:var(--fg);
 font:16px/1.65 ui-serif,Georgia,"Times New Roman",serif;-webkit-text-size-adjust:100%}
main{max-width:var(--max);margin:0 auto}
header{border-bottom:1px solid var(--rule);padding-bottom:1.25rem;margin-bottom:2rem}
h1{font-size:1.6rem;margin:0 0 .3rem;letter-spacing:-.01em}
h2{font-size:1.1rem;margin:2.2rem 0 .6rem;letter-spacing:-.005em}
h3{font-size:.95rem;margin:1.4rem 0 .4rem;color:var(--muted)}
.tag{color:var(--muted);font-size:.9rem;margin:0}
p,li{color:var(--fg)}
small,.meta{color:var(--muted);font-size:.85rem}
a{color:var(--accent);text-underline-offset:2px}
ul{padding-left:1.15rem}
li{margin:.3rem 0}
nav{margin-top:1.5rem;font-size:.9rem}
nav a{margin-right:1rem}
footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--rule);color:var(--muted);font-size:.85rem}
.props{list-style:none;padding:0}
.props li{padding:.7rem 0;border-bottom:1px solid var(--rule)}
.props .n{font-weight:600}
code{font:.85em ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--rule);padding:.1em .35em;border-radius:3px}