.dev{max-width:880px;padding-block:72px 112px}.dev h1{letter-spacing:-.04em;margin:14px 0 18px;font-size:clamp(34px,4.6vw,52px);font-weight:560;line-height:1.08}.dev-lead{color:var(--muted);max-width:720px;font-size:18px}.dev-toc{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;gap:8px 20px;margin:28px 0 8px;padding:14px 18px;display:flex}.site .dev-toc a,.site .dev a{color:var(--purple-text)}.dev section{margin-top:56px;scroll-margin-top:16px}.dev h2{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(24px,3vw,30px);font-weight:600}.dev h3{margin:28px 0 10px;font-size:19px;font-weight:600}.dev p,.dev li{color:var(--ink-2);font-size:16px}.dev ul{padding-inline-start:20px}.dev li+li{margin-top:8px}.dev code{background:var(--lavender);color:var(--ink);overflow-wrap:anywhere;border-radius:5px;padding:1px 5px;font:.9em/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dev pre{background:var(--night);border-radius:12px;max-width:100%;margin:14px 0 20px;padding:18px 20px;overflow-x:auto}.dev pre code{color:#ece9f8;white-space:pre;overflow-wrap:normal;background:0 0;padding:0;font-size:13.5px;display:block}@media (max-width:640px){.dev{padding-block:48px 80px}.dev pre{margin-inline:-8px;padding:14px}}