:root{ --paper:#fcfcfb; --raised:#ffffff; --ink:#0b0b0b; --ink-2:#52514e; --ink-3:#6c6b69; --ink-4:#888784;
  --a5:rgb(11 11 11 / 5%); --a35:rgb(11 11 11 / 35%); --line-4:rgb(11 11 11 / 15%); --accent-glyph:#6250d6;
  --e2:0 6px 18px rgb(0 0 0 / .02), 0 3px 9px rgb(0 0 0 / .04), 0 1px 1px rgb(0 0 0 / .04);
  --px:1px; --r-row:8px; --fs-12:12px; --lh-12:17px; --tracking:-0.006em }
body{ margin:0; background:var(--paper); color:var(--ink); font:400 15px/1.65 var(--font) }
.page{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,640px) minmax(0,1fr); column-gap:48px; padding:96px 24px 40vh }
.side{ position:relative; z-index:26 }
.side__sticky{ position:sticky; top:96px; display:grid; justify-items:end; padding-right:8px }
.doc h2{ margin:48px 0 10px; font-size:16px; scroll-margin-top:96px } .doc h3{ margin:28px 0 8px; font-size:14px; scroll-margin-top:96px }
.doc p{ margin:0 0 14px } .ph{ height:260px; background:var(--a5); border-radius:8px }

html[data-theme="dark"] { --paper: #0d0d0d; --raised: #1a1a19; --ink: #f0efec; --ink-2: #c3c2b7; --ink-3: #8f8e89; --ink-4: #6d6b67; --a5: rgb(255 255 255 / 6%); --a35: rgb(255 255 255 / 35%); --line-4: rgb(255 255 255 / 15%); --accent-glyph: #8173e3; --e2: 0 0 0 .5px rgb(255 255 255 / 8%), 0 6px 18px rgb(0 0 0 / .3), 0 3px 9px rgb(0 0 0 / .3); color-scheme: dark; }
body { font-family: var(--font); font-feature-settings: var(--font-features); }
.doc h1 { font: 500 32px/40px var(--font); letter-spacing: -0.022em; margin: 0 0 24px; }
.doc code { font: 13px/20px var(--font-mono); }
.doc pre { margin: 0 0 16px; padding: 12px 14px; border-radius: 8px; background: var(--a5); overflow-x: auto; }
.doc table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 13px; line-height: 20px; }
.doc th, .doc td { text-align: left; vertical-align: top; padding: 6px 12px 6px 0; border-bottom: 1px solid var(--line-4); }
.doc th { font-weight: 500; color: var(--ink-3); }
.doc ul { margin: 0 0 14px; padding-left: 20px; }
@media (max-width: 760px) { .page { grid-template-columns: minmax(0, 1fr); padding: 48px 16px 40vh; } .side { display: none; } }