:root { color-scheme: light; --ink:#0d1117; --muted:#3a3f4a; --brand:#1a6b4a; --bg:#f5f4f0; --line:#dbd9d3; }
body { margin:0; font-family: ui-sans-serif, system-ui, sans-serif; background:var(--bg); color:var(--ink); }
main { max-width: 44rem; margin: 0 auto; padding: 4rem 1.5rem 5rem; }
h1 { font-size: 2rem; line-height: 1.15; margin: 0 0 0.75rem; }
h2 { font-size: 1.15rem; margin: 1.75rem 0 0.5rem; }
p, li { color: var(--muted); line-height: 1.65; }
a { color: var(--brand); }
.eyebrow { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--brand); margin: 0 0 0.75rem; }
.card { margin-top: 1.5rem; padding: 1.25rem 1.5rem; border: 1px solid var(--line); border-radius: 0.75rem; background: #fff; }
.nav { display:flex; flex-wrap:wrap; gap:0.75rem 1.25rem; margin: 1.25rem 0 0; font-size: 0.95rem; }
.pill { display:inline-block; margin-top: 1rem; padding: 0.45rem 0.9rem; border-radius: 999px; background: var(--brand); color: #fff !important; text-decoration: none; font-weight: 600; font-size: 0.9rem; }
.pill.secondary { background: #fff; color: var(--brand) !important; border: 1px solid var(--line); }
ul { padding-left: 1.2rem; }