:root { --paper:#F7F4EE; --surface:#FFFFFF; --ink:#16130F; --ink2:#5F574F; --ink3:#7D746B; --line:rgba(22,19,15,.1); --signal:#D7FF3F; --olive:#4A6600; --sunset:#D2541F; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; color:var(--ink); background:var(--paper);
       font:16px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif; }
main { max-width:720px; margin:0 auto; padding:32px 16px 64px; }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); }
.brand img { width:36px; height:36px; }
.brand span { font:800 24px/1 ui-rounded,"SF Pro Rounded",system-ui,sans-serif; letter-spacing:-.5px; }
h1 { font-size:34px; line-height:1.15; letter-spacing:-.8px; margin:28px 0 4px; }
h2 { font-size:21px; letter-spacing:-.3px; margin:36px 0 8px; scroll-margin-top:16px; }
h3 { font-size:16px; margin:20px 0 4px; }
p, li { color:var(--ink2); }
strong { color:var(--ink); font-weight:600; }
ul { padding-left:20px; }
li { margin:6px 0; }
a { color:var(--olive); }
.meta { font:13px ui-monospace,"SF Mono",monospace; color:var(--ink3); margin:0 0 20px; }
.lead { font-size:18px; color:var(--ink); }
.toc { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 8px; }
.toc a { text-decoration:none; color:var(--ink); font-size:14px; padding:6px 12px; border-radius:999px;
         background:var(--surface); border:1px solid var(--line); }
table { width:100%; border-collapse:collapse; margin:12px 0; font-size:14px; background:var(--surface);
        border-radius:14px; overflow:hidden; }
th, td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
th { font-size:13px; color:var(--ink3); font-weight:600; }
tr:last-child td { border-bottom:0; }
td:first-child { color:var(--ink); }
footer { margin-top:48px; padding-top:20px; border-top:1px solid var(--line); font-size:14px; color:var(--ink3); }
footer a { color:var(--ink2); }
@media (max-width:480px) { h1 { font-size:28px; } table { font-size:13px; } th, td { padding:8px; } }