:root{ --ink:#2b2420; --paper:#faf6ef; --edge:#e8dfd0; --accent:#b5482f; --muted:#8c8072; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--paper); color:var(--ink); font:17px/1.6 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; }
main{ max-width:680px; margin:0 auto; padding:40px 20px 64px; }
h1{ font-size:32px; line-height:1.2; margin:0 0 6px; }
h2{ font-size:20px; margin:32px 0 6px; }
p, li{ margin:0 0 12px; }
ul{ padding-left:22px; }
a{ color:var(--accent); }
.sub{ color:var(--muted); margin-bottom:24px; }
nav{ border-bottom:1px solid var(--edge); }
nav div{ max-width:680px; margin:0 auto; padding:14px 20px; display:flex; gap:18px; flex-wrap:wrap; }
nav a{ text-decoration:none; font-weight:600; }
footer{ color:var(--muted); font-size:14px; margin-top:40px; border-top:1px solid var(--edge); padding-top:16px; }