:root { --bg:#f4f4f1; --ink:#1c1d1b; --muted:#63665f; --line:#d8d7d0; --accent:#3f5c48; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.7 "Helvetica Neue", Arial, sans-serif; }
.wrap { max-width:46rem; margin:0 auto; padding:1.6rem 1.25rem; }
header { border-bottom:2px solid var(--accent); }
.brand { font-size:1.35rem; letter-spacing:.16em; text-transform:uppercase; margin:0 0 .2rem; }
.tag { color:var(--muted); margin:0; font-size:.95rem; }
nav { margin-top:1rem; }
nav a { margin-right:1.2rem; color:var(--accent); text-decoration:none; font-size:.95rem; }
nav a:hover { text-decoration:underline; }
h2 { font-size:1.1rem; margin:2rem 0 .6rem; letter-spacing:.02em; }
p { margin:.7rem 0; }
ul { padding-left:1.1rem; }
li { margin:.35rem 0; }
.note { border-left:3px solid var(--line); padding-left:1rem; color:var(--muted); }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:.85rem; }