:root { --bg:#FAFAF7; --surface:#FFFFFF; --ink:#141414; --muted:#6E6C66; --hairline:#ECEAE4; --accent:#D9F36B; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font: 16px/1.6 "Instrument Sans", -apple-system, "Helvetica Neue", sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 48px 20px 80px; }
h1 { font-family: "Bricolage Grotesque", -apple-system, sans-serif; font-size: 40px; letter-spacing: -0.035em; line-height: 1.05; margin: 0 0 8px; }
h2 { font-family: "Bricolage Grotesque", -apple-system, sans-serif; font-size: 22px; letter-spacing: -0.02em; margin: 36px 0 8px; }
p, li { color: var(--ink); }
.muted { color: var(--muted); font-size: 14px; }
a { color: var(--ink); text-decoration-color: var(--accent); text-decoration-thickness: 3px; text-underline-offset: 3px; }
nav { display:flex; gap:20px; margin-bottom: 40px; font-weight:600; }
nav a { text-decoration: none; }
.card { background: var(--surface); border-radius: 22px; padding: 20px 22px; box-shadow: 0 1px 2px rgba(21,20,15,.05), 0 8px 24px rgba(21,20,15,.07); }