:root { --ink:#22201d; --muted:#6b645c; --line:#e2dcd3; --bg:#faf8f5; --accent:#b4531f; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 Georgia,"Times New Roman",serif; }
.wrap { max-width:720px; margin:0 auto; padding:32px 20px 64px; }
header { border-bottom:1px solid var(--line); padding-bottom:18px; margin-bottom:28px; }
h1 { font-size:26px; margin:0 0 6px; letter-spacing:-.01em; }
.sub { color:var(--muted); font-size:15px; }
nav a { color:var(--accent); text-decoration:none; margin-right:16px; font-size:15px; }
nav a:hover { text-decoration:underline; }
article { margin:0 0 34px; }
h2 { font-size:19px; margin:0 0 4px; }
time { color:var(--muted); font-size:13px; letter-spacing:.02em; }
p { margin:10px 0; }
ul { margin:10px 0; padding-left:22px; }
table { border-collapse:collapse; width:100%; margin:14px 0; font-size:15px; }
th, td { text-align:left; padding:7px 10px; border-bottom:1px solid var(--line); }
th { color:var(--muted); font-weight:normal; font-size:13px; text-transform:uppercase; letter-spacing:.04em; }
footer { border-top:1px solid var(--line); padding-top:16px; color:var(--muted); font-size:14px; }
@media (prefers-color-scheme: dark) {
  :root { --ink:#e8e3dc; --muted:#9a9187; --line:#332f2a; --bg:#1a1816; --accent:#e08b53; }
}