:root { --ink:#1c1917; --muted:#6b6560; --green:#1a3d2b; --line:#ddd9cf; }
* { box-sizing:border-box; }
body { margin:0; padding:2.5rem 1rem; color:var(--ink); background:#f5f2eb; font:16px/1.65 system-ui,sans-serif; }
main { max-width:920px; margin:auto; }
nav { display:flex; gap:1.4rem; align-items:center; flex-wrap:wrap; border-bottom:1px solid var(--line); padding-bottom:1.25rem; margin-bottom:3rem; }
nav a { text-decoration:none; font-size:.88rem; }
.brand { margin-right:auto; font-weight:700; }
a { color:var(--green); }
h1,h2 { font-family:Georgia,serif; line-height:1.18; font-weight:500; }
h1 { font-size:clamp(2.1rem,5vw,3.4rem); max-width:800px; }
h2 { font-size:1.7rem; }
.lead { font-size:1.2rem; max-width:760px; }
.eyebrow { font: .75rem/1.7 monospace; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); }
.muted { color:var(--muted); font-size:.9rem; }
article { border:1px solid var(--line); background:white; padding:1.5rem; margin:1.5rem 0; }
blockquote { margin:1.3rem 0; padding:.3rem 0 .3rem 1.3rem; border-left:3px solid var(--green); }
.button,button { display:inline-block; padding:.7rem 1rem; border:1px solid var(--green); background:var(--green); color:white; cursor:pointer; text-decoration:none; font:inherit; border-radius:2px; }
input,textarea { display:block; max-width:100%; width:32rem; padding:.75rem; font:inherit; margin:.4rem 0 1rem; border:1px solid #b5b0a5; }
footer { padding-top:2rem; margin-top:3rem; border-top:1px solid var(--line); font-size:.8rem; color:var(--muted); }
table { border-collapse:collapse; width:100%; font-size:.86rem; }
th,td { text-align:left; padding:.65rem; border-bottom:1px solid var(--line); }
.table-wrap { overflow-x:auto; }
#summary { display:flex; gap:2rem; flex-wrap:wrap; }
.stat { font-size:2rem; font-weight:600; }
@media(max-width:550px) { nav { gap:.8rem; } article { padding:1rem; } }