:root { --ink:#24180f; --ink-soft:#6f5e4f; --forest:#1f6b4d; --forest-soft:#e5f4eb; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); font-family:'Atkinson Hyperlegible',sans-serif; line-height:1.75; background:linear-gradient(135deg,#fff8ea 0%,#f5ead7 52%,#eadac2 100%); }
nav,article,footer { width:min(1120px,calc(100% - 32px)); margin:0 auto; }
nav { display:flex; align-items:center; justify-content:space-between; padding:24px 0 12px; }
a { color:var(--forest); font-weight:700; }
.brand { display:inline-flex; align-items:center; gap:12px; color:var(--ink); text-decoration:none; }
.logo { display:grid; width:42px; height:42px; place-items:center; border-radius:50%; color:white; background:var(--forest); }
article { margin-top:22px; padding:42px; border:1px solid #24180f24; border-radius:24px; background:rgba(255,253,247,.92); box-shadow:0 24px 70px #24180f1f; }
.eyebrow { display:inline-flex; padding:8px 14px; border-radius:999px; color:#9b5e00; background:#e7a53433; font-weight:700; }
.table-wrap { overflow-x:auto; margin:22px 0; }
table { width:100%; border-collapse:collapse; font-size:1.0625rem; }
th,td { padding:12px; border:1px solid #24180f24; text-align:left; }
th { background:var(--forest-soft); }
.cta-box { margin:28px 0 0; padding:26px; border-radius:24px; text-align:center; background:var(--forest-soft); }
.primary-button { display:inline-flex; padding:13px 22px; border-radius:999px; color:white; background:var(--forest); text-decoration:none; }
footer { display:flex; justify-content:space-between; gap:20px; padding:28px 0 40px; }