:root { color-scheme: light; --paper:#f7f2e8; --card:#fffdf7; --ink:#1f2e28; --muted:#52645c; --forest:#315c4a; --line:#d9ded6; }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
header,main,footer { width:min(850px,calc(100% - 32px)); margin-inline:auto; }
header { padding:38px 0 18px; }
.brand { color:var(--forest); font-size:20px; font-weight:800; text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:14px; margin-top:15px; }
nav a,footer a { color:var(--forest); }
main { padding-bottom:42px; }
.hero,.section { background:var(--card); border:1px solid var(--line); border-radius:22px; padding:clamp(20px,4vw,34px); margin:16px 0; }
h1 { margin:0 0 10px; font-size:clamp(30px,6vw,48px); line-height:1.08; }
h2 { margin:0 0 8px; font-size:22px; }
p,li { color:var(--muted); }
.meta { color:var(--forest); font-weight:700; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.button { display:inline-block; border-radius:999px; padding:11px 18px; background:var(--forest); color:white; font-weight:750; text-decoration:none; }
.button.secondary { background:transparent; border:1px solid var(--forest); color:var(--forest); }
footer { border-top:1px solid var(--line); padding:24px 0 40px; color:var(--muted); font-size:14px; }
@media (prefers-reduced-motion:no-preference) { a { transition:opacity .15s ease; } a:hover { opacity:.72; } }