:root { --bg:#fbfaf7; --ink:#22201c; --muted:#6b665e; --rule:#e4e0d8; --accent:#8a6a3d; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#191816; --ink:#eceae5; --muted:#a09a90; --rule:#33302b; --accent:#d0aa72; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:17px/1.65 ui-serif, Georgia, "Times New Roman", serif;
  -webkit-text-size-adjust:100%; }
.wrap { max-width:38rem; margin:0 auto; padding:3.5rem 1.5rem 5rem; }
h1 { font-size:1.9rem; line-height:1.2; margin:0 0 .4rem; letter-spacing:-.01em; }
h2 { font-size:1.15rem; margin:2.4rem 0 .6rem; }
p, li { color:var(--ink); }
.lede { color:var(--muted); margin:0 0 2rem; }
a { color:var(--accent); }
nav { border-bottom:1px solid var(--rule); padding-bottom:1rem; margin-bottom:2.5rem;
  font-family:ui-sans-serif, system-ui, sans-serif; font-size:.9rem; }
nav a { margin-right:1.2rem; text-decoration:none; }
nav a:hover { text-decoration:underline; }
footer { border-top:1px solid var(--rule); margin-top:3.5rem; padding-top:1rem;
  color:var(--muted); font-family:ui-sans-serif, system-ui, sans-serif; font-size:.85rem; }
ul { padding-left:1.2rem; }
li { margin:.35rem 0; }