:root { --green:#556b64; --gold:#eaab70; --ink:#111310; --cream:#f2ece0; --dim:#e3ddd0; --muted:#706860; }
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
body { font-family:"macho",sans-serif; background:var(--cream); color:var(--ink); line-height:1.75; }
.wrap { max-width:720px; margin:0 auto; padding:4rem 1.5rem 5rem; }
h1 { font-family:"hardwood-lp",sans-serif; font-weight:300; font-size:clamp(2.2rem,7vw,3.5rem); margin-bottom:2rem; }
h2 { font-family:"macho",sans-serif; font-weight:700; font-size:1rem; letter-spacing:.08em; text-transform:uppercase; color:var(--green); margin:2.25rem 0 .6rem; }
p, li { font-size:.92rem; color:#3a3630; }
ul { padding-left:1.2rem; }
a { color:var(--green); }
.back { display:inline-block; margin-bottom:2.5rem; font-size:.75rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; text-decoration:none; color:var(--muted); }
.back:hover { color:var(--ink); }
.todo { background:#fdf3e3; border:1px solid var(--gold); border-radius:3px; padding:.8em 1em; font-size:.85rem; }