@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;600&family=JetBrains+Mono:wght@400&display=swap');
:root{--bg:#fbfcfa;--ink:#16211d;--mut:#5a6b64;--acc:#0b7a5c;--hl:#d8f36a;--line:#dfe6e2;--code:#eef3f0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16.5px/1.7 Inter,system-ui,sans-serif}
.w{max-width:780px;margin:0 auto;padding:0 18px}
header{border-bottom:1px solid var(--line);background:#fff}header .w{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:14px;padding-bottom:14px}
.brand{font:700 21px 'Space Grotesk',sans-serif;color:var(--ink);text-decoration:none}.brand em{font-style:normal;background:var(--hl);padding:0 4px;margin-left:3px}
nav{display:flex;flex-wrap:wrap;gap:4px 16px;font:500 14.5px 'Space Grotesk',sans-serif}nav a{color:var(--mut);text-decoration:none}nav a.on{color:var(--acc);text-decoration:underline;text-underline-offset:5px}
.bar{background:var(--code);font:13px/1.5 'JetBrains Mono',monospace;color:var(--mut)}.bar .w{padding-top:7px;padding-bottom:7px}
main{padding:34px 0 50px}h1{font:700 38px/1.12 'Space Grotesk',sans-serif;margin:.1em 0 .4em;text-wrap:balance}h2{font:700 23px 'Space Grotesk',sans-serif;margin:2em 0 .5em}
.meta{font:13px 'JetBrains Mono',monospace;color:var(--acc);margin:0}.lede{font-size:19px;color:#2e3b36}a{color:var(--acc)}
table{width:100%;border-collapse:collapse;font-size:15px;margin:1em 0}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:600;background:var(--code)}
td:first-child{font-family:'JetBrains Mono',monospace;font-size:13.5px;white-space:nowrap}.tw{overflow-x:auto}
ul.feat{padding-left:1.1em}.note{border:1px solid var(--line);border-left:4px solid var(--acc);background:#fff;padding:12px 16px;margin:1.6em 0}.note p{margin:.3em 0 0}
.src{font-size:14px;color:var(--mut);border-top:1px solid var(--line);margin-top:2.6em;padding-top:10px}.src h2{font-size:16px;margin:0 0 .3em}
footer{border-top:1px solid var(--line);font-size:13.5px;color:var(--mut)}footer .w{padding-top:14px;padding-bottom:36px}
@media(max-width:600px){h1{font-size:30px}td:first-child{white-space:normal}}