:root { --bg:#F4F1EA; --ink:#1C1C1C; --muted:#5C574E; --accent:#2F6F4E; --line:#D9D2C5; }
* { box-sizing: border-box; }
html,body { margin:0; background:var(--bg); color:var(--ink); font:18px/1.5 "Segoe UI",system-ui,sans-serif; }
a { color:var(--accent); }
.wrap { max-width:720px; margin:0 auto; padding:32px 20px 64px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); text-decoration:none; }
.brand img { width:40px; height:40px; border-radius:10px; }
header, footer { border-color:var(--line); }
header { border-bottom:1px solid var(--line); }
header .inner, footer .inner { max-width:720px; margin:0 auto; padding:16px 20px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
h1 { font-size:32px; margin:24px 0 12px; }
h2 { font-size:22px; margin:28px 0 8px; }
.muted { color:var(--muted); }
footer { border-top:1px solid var(--line); font-size:14px; color:var(--muted); }