:root { --ink:#1d2433; --muted:#5b6475; --line:#e3e6ec; --accent:#2f5d50; --bg:#fbfbf9; }
* { box-sizing:border-box; }
body { margin:0; font:17px/1.6 Georgia, "Times New Roman", serif; color:var(--ink); background:var(--bg); }
header, main, footer { max-width:44rem; margin:0 auto; padding:0 1.25rem; }
header { padding-top:3rem; border-bottom:1px solid var(--line); padding-bottom:1.25rem; }
.brand { font:600 .8rem/1 system-ui, sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); }
h1 { font-weight:normal; font-size:2.1rem; margin:.5rem 0 0; }
h2 { font:600 1rem/1.3 system-ui, sans-serif; margin:2rem 0 .4rem; }
main { padding-top:1rem; padding-bottom:2rem; }
p, li { color:var(--ink); } .muted { color:var(--muted); }
a { color:var(--accent); }
nav { font:.9rem system-ui, sans-serif; margin-top:1rem; } nav a { margin-right:1.25rem; }
footer { border-top:1px solid var(--line); padding:1.25rem; font:.85rem system-ui, sans-serif; color:var(--muted); }