:root{--paper:#f3f5f0;--sheet:#ffffff;--ink:#18221d;--muted:#56655d;--rule:#d3dfd5;--ledger:#2a6a4f;--note:#f6ebd7;
--display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;--body:'IBM Plex Sans',system-ui,-apple-system,sans-serif}
@media (prefers-color-scheme: dark){:root{--paper:#101613;--sheet:#161f1a;--ink:#e3ebe5;--muted:#93a39a;--rule:#24332b;--ledger:#6cc196;--note:#35291a;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65}
a{color:var(--ledger)}
.top{background:var(--sheet);border-bottom:1px solid var(--rule)}
.wrap{max-width:780px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.top .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:14px}
.brand{font-family:var(--display);font-weight:800;font-size:22px;text-decoration:none;color:var(--ink)}
.brand i{font-style:normal;color:var(--ledger)}
main .wrap{padding-block:40px 64px}
h1{font-family:var(--display);font-size:clamp(30px,5vw,42px);line-height:1.1;margin:0 0 6px}
h2{font-family:var(--display);font-size:21px;margin:34px 0 8px}
.meta{color:var(--muted);font-size:14px;margin:0 0 24px}
.note{background:var(--note);border-radius:8px;padding:12px 16px;font-size:14px;margin:0 0 24px}
li{margin:4px 0}
table{border-collapse:collapse;width:100%;font-size:15px}
td,th{border-bottom:1px solid var(--rule);padding:8px 6px;text-align:left;vertical-align:top}
footer{border-top:1px solid var(--rule);padding-block:24px;font-size:14px;color:var(--muted)}