@font-face{font-family:HG Bricolage;src:url('/landing/fonts/bricolage-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:HG Sans;src:url('/landing/fonts/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#f6f4e9;--raised:#fffdf4;--ink:#23352c;--forest:#23392e;--tomato:#ef573e;--muted:#4f5c50;--rule:#c9cebe;--focus:#aa351f}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 "HG Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
header{background:var(--forest);color:var(--paper);padding:18px 24px}
header a{color:var(--paper);text-decoration:none;font:800 22px/1 "HG Bricolage",system-ui,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 24px 64px}
h1{font:800 clamp(30px,5vw,44px)/1.1 "HG Bricolage",system-ui,sans-serif;margin:8px 0 6px}
h2{font:800 22px/1.25 "HG Bricolage",system-ui,sans-serif;margin:36px 0 8px}
h3{font-size:18px;margin:22px 0 6px}
.meta{color:var(--muted);margin:0 0 24px}
a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
table{border-collapse:collapse;width:100%;margin:12px 0;font-size:15px}
th,td{border:1px solid var(--rule);padding:8px;text-align:left;vertical-align:top;background:var(--raised)}
.callout{background:var(--raised);border-left:4px solid var(--tomato);padding:12px 16px;margin:16px 0}
footer{border-top:1px solid var(--rule);color:var(--muted);font-size:14px;padding:20px 24px;text-align:center}
footer a{margin:0 8px}
.caps{text-transform:uppercase;font-size:15px}
