:root { --ink:#1c1917; --muted:#57534e; --faint:#78716c; --accent:#0E97A9; --bg:#faf8f3; --card:#fff; --line:#e7e2d6; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--ink); background:var(--bg); }
.wrap { max-width:720px; margin:0 auto; padding:48px 22px 80px; }
header { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
header .dot { width:34px; height:34px; border-radius:9px; background:#f1ecdf; display:flex; align-items:center; justify-content:center; }
header .dot span { width:18px; height:18px; border:2px solid var(--accent); border-radius:50%; }
h1 { font-size:30px; margin:18px 0 4px; letter-spacing:-.5px; }
h2 { font-size:19px; margin:34px 0 8px; }
.sub { color:var(--faint); font-size:14px; margin:0 0 8px; }
p, li { color:var(--muted); }
a { color:var(--accent); }
nav { margin:6px 0 24px; font-size:14px; }
nav a { margin-right:16px; text-decoration:none; }
.fill { background:#fff3cd; border:1px solid #e0c14a; color:#7a5b00; padding:1px 6px; border-radius:5px; font-size:.9em; }
.note { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px 18px; margin:18px 0; font-size:14px; color:var(--muted); }
footer { margin-top:48px; color:var(--faint); font-size:13px; border-top:1px solid var(--line); padding-top:18px; }