/* OCTO shared navigation: top bar, float launcher, the site tree (desktop rail and sheet), section bar and search.
   Reads tokens.css when present, falls back otherwise. */
.octo-nav{--n-h:64px;--n-fg:var(--fg,#EAF0FF);--n-fg2:var(--fg-2,rgba(234,240,255,.68));--n-fg3:var(--fg-3,rgba(234,240,255,.46));
  --n-pl:var(--emit-plasma,155,104,255);--n-cy:var(--emit-cyan,63,216,255);--n-line:var(--stroke-1,rgba(160,180,255,.12));
  font:500 14px/1 var(--font-ui,'Inter',system-ui,sans-serif);color:var(--n-fg);z-index:1000;box-sizing:border-box;
  display:flex;align-items:center;gap:28px;height:var(--n-h);padding:0 clamp(16px,2.4vw,32px);
  background:rgba(4,6,14,.82);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);
  border-bottom:1px solid var(--n-line)}
.octo-nav *{box-sizing:border-box}
.octo-nav--bar{position:sticky;top:0;width:100%}
.octo-nav a{color:inherit;text-decoration:none}
.octo-nav__brand{display:flex;align-items:center;gap:10px;flex:none;font:700 15px/1 var(--font-display,'Space Grotesk',sans-serif);letter-spacing:.14em}
.octo-nav__brand em{font:500 11px/1 var(--font-ui,'Inter',sans-serif);font-style:normal;letter-spacing:.1em;color:var(--n-fg3);text-transform:uppercase;padding-left:10px;border-left:1px solid var(--n-line)}

/* Section tabs: quiet text, one hairline underline on the current section */
.octo-nav__tabs{display:flex;align-items:stretch;align-self:stretch;gap:4px}
.octo-nav__tabs a{position:relative;display:flex;align-items:center;padding:0 12px;font-size:14px;color:var(--n-fg2);white-space:nowrap;transition:color .2s}
.octo-nav__tabs a:hover{color:var(--n-fg)}
.octo-nav__tabs a[aria-current="page"]{color:var(--n-fg)}
.octo-nav__tabs a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:rgba(234,240,255,.72)}
.octo-nav a:focus-visible,.octo-nav button:focus-visible{outline:2px solid rgb(var(--n-cy));outline-offset:2px;border-radius:6px}

.octo-nav__cta{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 4px;font-weight:500;font-size:13.5px;color:rgba(234,240,255,.72);text-decoration:none;transition:color .2s}
.octo-nav__cta:hover{color:#fff}

/* Compact switcher: current page name, opens the site tree sheet */
.octo-nav__toggle{display:none;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--n-line);background:rgba(255,255,255,.03);color:var(--n-fg);font:inherit;cursor:pointer}
.octo-nav__toggle i{width:14px;height:9px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}
.octo-nav__toggle i::after{content:"";position:absolute;left:0;right:0;top:2.25px;border-top:1.5px solid currentColor}
.octo-nav__toggle b{font-weight:500}
.octo-nav__chev{width:7px;height:7px;border-right:1.5px solid var(--n-fg3);border-bottom:1.5px solid var(--n-fg3);transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.octo-nav.is-open .octo-nav__chev{transform:translateY(1px) rotate(225deg)}

/* Search field: the main way to jump anywhere. Looks like an input, opens the palette */
.octo-nav__search{flex:0 1 clamp(200px,20vw,300px);min-width:0;margin-left:auto;display:flex;align-items:center;gap:10px;height:38px;padding:0 6px 0 12px;border-radius:11px;cursor:text;
  font:400 14px/1 var(--font-ui,'Inter',system-ui,sans-serif);color:var(--n-fg3);text-align:left;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--stroke-2,rgba(160,180,255,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.3);transition:border-color .2s,background .2s,box-shadow .2s,color .2s}
.octo-nav__search:hover{color:var(--n-fg2);border-color:rgba(234,240,255,.32);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.octo-nav__search svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.octo-nav__search-t{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.octo-nav__search-s{display:none;flex:1}
.octo-nav__search kbd,.octo-pal kbd{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;
  font:500 11.5px/1 var(--font-ui,'Inter',system-ui,sans-serif);letter-spacing:.02em;color:var(--n-fg2,rgba(234,240,255,.68));
  background:rgba(255,255,255,.05);border:1px solid var(--stroke-2,rgba(160,180,255,.22));border-bottom-width:1.5px}
.octo-nav__search:focus-visible{outline:2px solid rgb(var(--n-cy));outline-offset:2px}

@media (max-width:1280px){.octo-nav__brand em{display:none}.octo-nav{gap:16px}.octo-nav__tabs a{padding:0 10px}}
@media (max-width:1100px){
  .octo-nav__tabs{display:none}
  .octo-nav__toggle{display:inline-flex}
}
@media (max-width:600px){
  .octo-nav{gap:12px}
  .octo-nav__cta{display:none}
  .octo-nav__search{flex:1 1 auto;height:40px;border-radius:12px;padding:0 12px}
  .octo-nav__search-t,.octo-nav__search kbd{display:none}
  .octo-nav__search-s{display:block}
  .octo-nav__toggle{width:40px;height:40px;padding:0;justify-content:center}
  .octo-nav__toggle b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .octo-nav__toggle .octo-nav__chev{display:none}
}

/* Docs bar: on a page with the rail, the rail is the only navigation and the bar keeps just the brand and search.
   Both sit on the page grid, so the bar reads as the top edge of the document: the brand over the rail's filter
   field, the search ending on the content's right edge, at any window width */
@media (min-width:601px){.octo-nav--docs .octo-nav__brand em{display:block}}
@media (min-width:1001px){
  .octo-nav--docs{padding:0 calc(max(0px,(100% - 1440px) / 2) + clamp(16px,4.4vw,64px)) 0 calc(max(0px,(100% - 1440px) / 2) + 20px)}
  .octo-nav--docs .octo-nav__search{flex-basis:clamp(260px,24vw,340px)}
}
@media (max-width:1000px){ /* no rail: the bar and the section bar share the content's side margins */
  .octo-nav--docs,.octo-nav--docs + .octo-sbar{padding-left:clamp(16px,4.4vw,64px);padding-right:clamp(16px,4.4vw,64px)}
}

/* Float mode: corner launcher for full screen canvases */
.octo-nav--float{position:fixed;left:16px;bottom:16px;top:auto;height:48px;padding:0 6px 0 14px;border-radius:999px;border:1px solid var(--stroke-2,rgba(160,180,255,.22));gap:10px;
  transform:none;max-width:none;overflow:visible} /* a host page's own nav rule must not move the launcher */
.octo-nav--float .octo-nav__brand em,.octo-nav--float .octo-nav__cta,.octo-nav--float .octo-nav__tabs,.octo-nav--float .octo-nav__search{display:none}
.octo-nav--float .octo-nav__toggle{display:inline-flex;margin-left:0;height:36px;border-radius:999px}
@media (max-width:600px){ /* phones: launcher rides above a scene's own bottom controls instead of covering them */
  .octo-nav--float{bottom:92px;left:12px}
}

[data-octo-anchor],:target{scroll-margin-top:88px}
/* Site tree: one map grouped by the header tabs. The rail ([data-octo-side]) shows it on desktop folded to the
   section names, with this page's section open; the sheet carries the same tree to every page and every width. */
.octo-side{--sd-fg:var(--fg,#EAF0FF);--sd-fg2:var(--fg-2,rgba(234,240,255,.68));--sd-fg3:var(--fg-3,rgba(234,240,255,.46));--sd-line:var(--stroke-1,rgba(160,180,255,.12));
  --sd-pl:var(--emit-plasma,155,104,255);font:400 14px/1.3 var(--font-ui,'Inter',system-ui,sans-serif);color:var(--sd-fg2);text-align:left}
.octo-side ul{list-style:none;margin:0;padding:0}
.octo-side li{margin:0;padding:0}
.octo-side a{color:inherit;text-decoration:none}
.octo-side__row{position:relative}
.octo-side__row > a{display:block;padding:7px 10px 7px 28px;border-radius:8px;transition:color .15s,background .15s}
.octo-side__row > a:hover{color:var(--sd-fg);background:rgba(255,255,255,.04)}
.octo-side__row > a[aria-current]{color:#fff;background:rgba(255,255,255,.06)}
.octo-side__tw{position:absolute;left:4px;top:5px;z-index:1;display:grid;place-items:center;width:22px;height:22px;margin:0;padding:0;border:0;border-radius:6px;background:none;color:var(--sd-fg3);cursor:pointer;transition:color .15s,background .15s}
.octo-side__tw:hover{color:var(--sd-fg);background:rgba(255,255,255,.06)}
.octo-side svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.octo-side__tw svg{width:12px;height:12px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.octo-side__tw[aria-expanded="true"] svg{transform:rotate(90deg)}
.octo-side__kids,.octo-side__body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
.octo-side__kids[data-closed],.octo-side__body[data-closed]{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s}
.octo-side__body > ul,.octo-side__kids > ul{transition:opacity .22s cubic-bezier(.2,.8,.2,1)}
.octo-side__body[data-closed] > ul,.octo-side__kids[data-closed] > ul{opacity:0}
.octo-side__body > ul{min-height:0;overflow:hidden}
.octo-side__kids > ul{min-height:0;overflow:hidden;margin:0 0 0 27px!important;border-left:1px solid var(--sd-line)}
.octo-side__kids li:first-child{padding-top:2px}.octo-side__kids li:last-child{padding-bottom:6px}
.octo-side__kids a{display:block;margin-left:-1px;padding:6px 10px 6px 14px;border-left:1px solid transparent;border-radius:0 7px 7px 0;font-size:13.5px;color:var(--sd-fg2);transition:color .15s,background .15s,border-color .15s}
.octo-side__kids a:hover{color:var(--sd-fg);border-left-color:var(--sd-fg2)}
.octo-side__kids a[aria-current]{color:var(--sd-fg);border-left-color:var(--sd-fg);background:rgba(255,255,255,.04)}

/* Groups, ruled off like a reference index and named exactly like the header tabs */
.octo-side__grp{margin-top:16px;padding-top:18px;border-top:1px solid var(--sd-line)}
.octo-side__grp:first-child{margin-top:0;padding-top:0;border-top:0}
.octo-side__head{display:flex;align-items:center;gap:2px;margin:0 0 6px}
.octo-side__label{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 10px;border-radius:6px;
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-fg3);transition:color .15s}
.octo-side__go{display:grid;opacity:0;transform:translateX(-3px);transition:opacity .15s,transform .15s}
.octo-side__go svg{width:11px;height:11px;stroke-width:1.6}
.octo-side__label:hover{color:var(--sd-fg)}
.octo-side__label:hover .octo-side__go{opacity:1;transform:none}
/* The group you are in: named in display type, lit in plasma */
.octo-side__grp.is-current .octo-side__label{font:600 15px/1.3 var(--font-display,'Space Grotesk',sans-serif);letter-spacing:.005em;text-transform:none;color:var(--sd-fg)}
/* A current group of in page anchors reads as this page's contents: a ruled list, lit by scroll */
.octo-side__grp.is-flat .octo-side__body > ul{margin-left:10px;border-left:1px solid var(--sd-line)}
.octo-side__grp.is-flat .octo-side__row > a{margin-left:-1px;padding:6px 10px 6px 14px;border-left:1px solid transparent;border-radius:0 7px 7px 0;font-size:13.5px;color:var(--sd-fg2)}
.octo-side__grp.is-flat .octo-side__row > a:hover{color:var(--sd-fg);border-left-color:var(--sd-fg2);background:none}
.octo-side__grp.is-flat .octo-side__row > a[aria-current]{color:var(--sd-fg);border-left-color:var(--sd-fg);background:rgba(255,255,255,.04)}
.octo-side a:focus-visible,.octo-side button:focus-visible{outline:2px solid var(--cyan-500,#3FD8FF);outline-offset:1px}

/* Rail: a filter field on top, then the sections as one short index of names. Only the section that holds
   this page is open; a chevron unfolds any other in place, and the filter opens whatever holds a match. */
.octo-rail{display:flex;flex-direction:column;height:100%;min-height:0}
.octo-rail > .octo-filter{flex:none;padding:24px 16px 2px 20px}
.octo-side--rail{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 12px 56px 16px;
  scrollbar-width:thin;scrollbar-color:rgba(160,180,255,.16) transparent;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px);mask-image:linear-gradient(180deg,transparent 0,#000 14px)}
.octo-side--rail .octo-side__grp{margin:0 0 2px;padding:0;border:0}
.octo-side--rail .octo-side__grp.is-current{margin:0 0 12px}
.octo-side--rail .octo-side__grp.is-current + .octo-side__grp{margin-top:4px}
.octo-side--rail .octo-side__head{position:relative;margin:0}
.octo-side--rail .octo-side__gtw{position:absolute;left:0;top:6px;z-index:1;width:24px;height:24px;border-radius:6px}
.octo-side--rail .octo-side__gtw svg{width:12px;height:12px;transform:none}
.octo-side--rail .octo-side__gtw[aria-expanded="true"] svg{transform:rotate(90deg)}
.octo-side--rail .octo-side__label{padding:8px 10px 8px 28px;font:500 14.5px/1.3 var(--font-ui,'Inter',system-ui,sans-serif);letter-spacing:-.006em;text-transform:none;color:rgba(234,240,255,.86);transition:color .15s,background .15s}
.octo-side--rail .octo-side__label:hover{color:var(--sd-fg);background:rgba(255,255,255,.035)}
.octo-side--rail .octo-side__gtw{color:var(--sd-fg3)}
.octo-side--rail .octo-side__head:hover .octo-side__gtw{color:var(--sd-fg2)}
.octo-side--rail .octo-side__head .octo-side__gtw:hover{color:var(--sd-fg)}
.octo-side--rail .octo-side__grp.is-current .octo-side__label{font:600 15.5px/1.3 var(--font-display,'Space Grotesk',sans-serif);letter-spacing:-.004em;color:var(--sd-fg)}
.octo-side--rail .octo-side__body > ul{margin-left:16px}
.octo-side--rail .octo-side__body > ul > li:last-child{padding-bottom:10px}
.octo-side--rail .octo-side__row > a{padding:6px 10px 6px 30px;font-size:14px;line-height:1.35}
.octo-side--rail .octo-side__tw{left:4px;top:4px}
.octo-side--rail .octo-side__grp.is-flat .octo-side__body > ul{margin-left:30px}
.octo-side--rail .octo-side__grp.is-flat .octo-side__row > a{padding:6px 10px 6px 14px}
.octo-side--rail .octo-side__kids > ul{margin-left:28px!important}
.octo-side [hidden],.octo-filter [hidden]{display:none!important}
/* While filtering, sections open at once (no easing per keystroke) and matches are lit */
.octo-side.is-filtering .octo-side__kids,.octo-side.is-filtering .octo-side__body{transition:none}
.octo-side mark{padding:0 1px;margin:0 -1px;border-radius:3px;color:#fff;background:rgba(var(--sd-pl),.34);box-shadow:0 0 0 1px rgba(var(--sd-pl),.25)}
.octo-side.is-filtering a:not(.is-hit){color:var(--sd-fg3)}
.octo-side.is-filtering a.is-hit{color:var(--sd-fg)}

/* Filter field: the first thing in the rail, quiet until used */
.octo-filter{font:400 14px/1.3 var(--font-ui,'Inter',system-ui,sans-serif);color:var(--fg-2,rgba(234,240,255,.68))}
.octo-filter__f{position:relative;display:flex;align-items:center}
.octo-filter__f > svg{position:absolute;left:11px;top:50%;width:16px;height:16px;margin-top:-8px;pointer-events:none;fill:none;stroke:var(--fg-3,rgba(234,240,255,.46));stroke-width:1.5;stroke-linecap:round;transition:stroke .2s}
.octo-filter input{width:100%;min-width:0;height:38px;margin:0;padding:0 34px 0 35px;border-radius:10px;outline:none;-webkit-appearance:none;appearance:none;
  font:400 14.5px/1 var(--font-ui,'Inter',system-ui,sans-serif);color:var(--fg,#EAF0FF);caret-color:var(--plasma-300,#C7A6FF);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--stroke-2,rgba(160,180,255,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .2s,background .2s,box-shadow .2s}
.octo-filter input::placeholder{color:var(--fg-3,rgba(234,240,255,.46));opacity:1}
.octo-filter input::-webkit-search-cancel-button,.octo-filter input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.octo-filter input:hover{border-color:rgba(var(--emit-plasma,155,104,255),.42)}
.octo-filter input:focus{border-color:rgba(var(--emit-plasma,155,104,255),.72);background:linear-gradient(180deg,rgba(var(--emit-plasma,155,104,255),.09),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 3px rgba(var(--emit-plasma,155,104,255),.16)}
.octo-filter__f:focus-within > svg,.octo-filter.has-q .octo-filter__f > svg{stroke:var(--plasma-300,#C7A6FF)}
.octo-filter__x{position:absolute;right:7px;top:50%;display:grid;place-items:center;width:24px;height:24px;margin:-12px 0 0;padding:0;border:0;border-radius:50%;
  background:rgba(255,255,255,.08);color:var(--fg-2,rgba(234,240,255,.68));cursor:pointer;transition:background .15s,color .15s}
.octo-filter__x:hover{background:rgba(255,255,255,.16);color:#fff}
.octo-filter__x svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.octo-filter__n{margin:0;padding:0 2px;font-size:12px;letter-spacing:.01em;color:var(--fg-3,rgba(234,240,255,.46))}
.octo-filter__n:not(:empty){padding-top:9px}
.octo-filter__none{margin:14px 0 0;padding:14px;border-radius:12px;border:1px dashed var(--stroke-2,rgba(160,180,255,.22));background:rgba(255,255,255,.02)}
.octo-filter__none p{margin:0 0 10px;font-size:13.5px;line-height:1.45;color:var(--fg-2,rgba(234,240,255,.68))}
.octo-filter__none b{font-weight:600;color:var(--fg,#EAF0FF);overflow-wrap:anywhere}
.octo-filter__more{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;margin:0;padding:8px 10px;border-radius:9px;cursor:pointer;text-align:left;
  font:500 13.5px/1.25 var(--font-ui,'Inter',system-ui,sans-serif);color:var(--fg,#EAF0FF);background:rgba(var(--emit-plasma,155,104,255),.12);border:1px solid rgba(var(--emit-plasma,155,104,255),.4);transition:background .2s}
.octo-filter__more:hover{background:rgba(var(--emit-plasma,155,104,255),.22)}
.octo-filter__more svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.octo-filter button:focus-visible{outline:2px solid var(--cyan-500,#3FD8FF);outline-offset:1px}

/* Section bar: under 1000px the rail folds into one sticky bar that names where you are and opens the tree */
.octo-sbar{display:none}
/* Pages with a rail clear the sticky bars with one scroll padding, never padding plus margin */
html.octo-sbar-on{scroll-padding-top:88px}
.octo-sbar-on [data-octo-anchor],.octo-sbar-on :target{scroll-margin-top:0}
@media (max-width:1000px){
  html.octo-sbar-on{scroll-padding-top:126px}
  .octo-nav--sbar .octo-nav__toggle{display:none}
  .octo-sbar{display:block;position:sticky;top:64px;z-index:999;height:46px;padding:0 clamp(16px,2.4vw,32px);box-sizing:border-box;
    background:rgba(5,6,15,.95);border-bottom:1px solid var(--stroke-1,rgba(160,180,255,.12))}
}
.octo-sbar__btn{display:flex;align-items:center;gap:10px;width:100%;height:100%;margin:0;padding:0;border:0;background:none;color:var(--fg,#EAF0FF);
  font:500 15px/1 var(--font-ui,'Inter',system-ui,sans-serif);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.octo-sbar__ico{flex:none;position:relative;width:16px;height:11px;border-top:1.5px solid var(--fg-2,rgba(234,240,255,.68));border-bottom:1.5px solid var(--fg-2,rgba(234,240,255,.68))}
.octo-sbar__ico::after{content:"";position:absolute;left:0;right:0;top:3.25px;border-top:1.5px solid var(--fg-2,rgba(234,240,255,.68))}
.octo-sbar__sec{flex:none;font:600 15px/1 var(--font-display,'Space Grotesk',sans-serif);letter-spacing:.005em;color:var(--sd-fg)}
.octo-sbar__sep{display:none;flex:none;color:var(--fg-3,rgba(234,240,255,.46))}
.octo-sbar__here{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:var(--fg-2,rgba(234,240,255,.68))}
.octo-sbar__btn.has-here .octo-sbar__sep{display:inline}
.octo-sbar__all{flex:none;font-size:13px;font-weight:500;color:var(--fg-3,rgba(234,240,255,.46))}
.octo-sbar__chev{flex:none;width:7px;height:7px;margin:0 3px 3px 0;border-right:1.5px solid var(--fg-3,rgba(234,240,255,.46));border-bottom:1.5px solid var(--fg-3,rgba(234,240,255,.46));transform:rotate(45deg)}
.octo-sbar__btn:focus-visible{outline:2px solid var(--cyan-500,#3FD8FF);outline-offset:-2px;border-radius:8px}
@media (max-width:600px){.octo-sbar__btn.has-here .octo-sbar__all{display:none}}

/* Sheet: the whole tree slides in from the left, the same place the rail lives on desktop */
.octo-sheet-on,.octo-sheet-on body{overflow:hidden}
.octo-sheet{position:fixed;inset:0;z-index:1060;font:400 15px/1.3 var(--font-ui,'Inter',system-ui,sans-serif);color:var(--fg,#EAF0FF);text-align:left}
.octo-sheet[hidden]{display:none}
.octo-sheet *{box-sizing:border-box}
.octo-sheet a{color:inherit;text-decoration:none}
.octo-sheet__scrim{position:absolute;inset:0;background:rgba(2,3,9,.62);opacity:0;transition:opacity .24s}
.octo-sheet__panel{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:min(372px,calc(100vw - 48px));outline:none;
  background:linear-gradient(180deg,#0D0A24 0%,#070815 42%,#05060F 100%);border-right:1px solid var(--stroke-2,rgba(160,180,255,.22));
  box-shadow:inset -1px 0 0 rgba(255,255,255,.03),24px 0 80px rgba(0,0,0,.6);transform:translateX(-104%);transition:transform .34s cubic-bezier(.16,1,.3,1)}
.octo-sheet__panel::before{content:"";position:absolute;right:-1px;top:8%;height:34%;width:1px;background:linear-gradient(180deg,transparent,rgba(var(--emit-plasma,155,104,255),.9),rgba(var(--emit-cyan,63,216,255),.6),transparent)}
.octo-sheet.is-in .octo-sheet__scrim{opacity:1}
.octo-sheet.is-in .octo-sheet__panel{transform:none}
.octo-sheet__head{flex:none;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 12px 0 20px;border-bottom:1px solid var(--stroke-1,rgba(160,180,255,.12))}
.octo-sheet__brand{display:flex;align-items:center;gap:10px;font:700 15px/1 var(--font-display,'Space Grotesk',sans-serif);letter-spacing:.14em}
.octo-sheet__brand em{font:500 11px/1 var(--font-ui,'Inter',sans-serif);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3,rgba(234,240,255,.46));padding-left:10px;border-left:1px solid var(--stroke-1,rgba(160,180,255,.12))}
.octo-sheet__x{display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border-radius:11px;border:1px solid var(--stroke-1,rgba(160,180,255,.12));background:rgba(255,255,255,.03);color:var(--fg-2,rgba(234,240,255,.68));cursor:pointer}
.octo-sheet__x:hover{color:#fff;background:rgba(255,255,255,.07)}
.octo-sheet__x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.octo-sheet__search{flex:none;display:flex;align-items:center;gap:10px;height:42px;margin:14px 16px 6px;padding:0 12px;border-radius:12px;cursor:text;
  font:400 14.5px/1 var(--font-ui,'Inter',system-ui,sans-serif);color:var(--fg-3,rgba(234,240,255,.46));text-align:left;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--stroke-2,rgba(160,180,255,.22))}
.octo-sheet__search svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.octo-sheet__search span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.octo-sheet__foot{flex:none;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--stroke-1,rgba(160,180,255,.12))}
.octo-sheet__cta{display:flex;align-items:center;justify-content:center;height:46px;border-radius:12px;font:600 15px/1 var(--font-ui,'Inter',sans-serif);color:#fff;
  background:rgba(var(--emit-plasma,155,104,255),.2);border:1px solid rgba(var(--emit-plasma,155,104,255),.55)}
.octo-sheet__cta:hover{background:rgba(var(--emit-plasma,155,104,255),.3)}
.octo-sheet a:focus-visible,.octo-sheet button:focus-visible{outline:2px solid var(--cyan-500,#3FD8FF);outline-offset:1px}

/* The tree inside the sheet: section rows sized for a thumb, the current one open */
.octo-side--sheet{flex:1;min-height:0;position:relative;overflow-y:auto;overscroll-behavior:contain;padding:4px 12px 20px;font-size:15px}
.octo-side--sheet .octo-side__grp{margin-top:0;padding-top:4px}
.octo-side--sheet .octo-side__grp:first-child{padding-top:0}
.octo-side--sheet .octo-side__head{margin:0}
.octo-side--sheet .octo-side__label{min-height:48px;padding:0 10px;font:500 17px/1.2 var(--font-display,'Space Grotesk',sans-serif);letter-spacing:0;text-transform:none;color:var(--sd-fg)}
.octo-side--sheet .octo-side__go{display:none}
.octo-side--sheet .octo-side__grp.is-current .octo-side__label{font-size:17px;color:var(--sd-fg)}
.octo-side__gtw{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:10px;background:none;color:var(--sd-fg3);cursor:pointer}
.octo-side__gtw:hover{color:var(--sd-fg);background:rgba(255,255,255,.05)}
.octo-side__gtw svg{width:14px;height:14px;transform:rotate(90deg);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.octo-side__gtw[aria-expanded="true"] svg{transform:rotate(-90deg)}
.octo-side--sheet .octo-side__body li:last-child{padding-bottom:10px}
.octo-side--sheet .octo-side__row > a{padding:11px 10px 11px 38px}
.octo-side--sheet .octo-side__tw{left:4px;top:6px;width:32px;height:32px}
.octo-side--sheet .octo-side__kids > ul{margin-left:37px!important}
.octo-side--sheet .octo-side__kids a{padding:10px 10px 10px 14px;font-size:14.5px}
.octo-side--sheet .octo-side__grp.is-flat .octo-side__body > ul{margin-left:12px}
.octo-side--sheet .octo-side__grp.is-flat .octo-side__row > a{padding:11px 10px 11px 16px;font-size:15px}

@media (hover:none){.octo-nav__search kbd{display:none}}

/* Search palette */
.octo-pal-on,.octo-pal-on body{overflow:hidden}
.octo-pal{position:fixed;inset:0;z-index:1100;display:flex;justify-content:center;align-items:flex-start;padding:min(12vh,120px) 16px 16px;
  font:400 14px/1.35 var(--font-ui,'Inter',system-ui,sans-serif);color:var(--fg,#EAF0FF);
  --n-fg2:var(--fg-2,rgba(234,240,255,.68));--n-fg3:var(--fg-3,rgba(234,240,255,.46));--p-pl:var(--emit-plasma,155,104,255);--p-cy:var(--emit-cyan,63,216,255)}
.octo-pal[hidden]{display:none}
.octo-pal *{box-sizing:border-box}
.octo-pal__scrim{position:absolute;inset:0;background:rgba(2,3,9,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s}
.octo-pal__box{position:relative;display:flex;flex-direction:column;width:min(660px,100%);max-height:min(560px,calc(100vh - 2 * min(12vh,120px)));border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg,rgba(18,16,40,.97),rgba(7,9,23,.98));border:1px solid var(--stroke-2,rgba(160,180,255,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 100px rgba(0,0,0,.7),0 0 0 1px rgba(var(--p-pl),.08),0 0 60px rgba(var(--p-pl),.14);
  opacity:0;transform:translateY(-6px) scale(.99);transition:opacity .2s,transform .28s cubic-bezier(.16,1,.3,1)}
.octo-pal__box::before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--p-pl),.9),rgba(var(--p-cy),.7),transparent)}
.octo-pal.is-in .octo-pal__scrim,.octo-pal.is-in .octo-pal__box{opacity:1;transform:none}
.octo-pal__field{flex:none;display:flex;align-items:center;gap:12px;height:60px;padding:0 14px 0 20px;border-bottom:1px solid var(--stroke-1,rgba(160,180,255,.12))}
.octo-pal__field svg{flex:none;width:18px;height:18px;fill:none;stroke:rgb(var(--p-pl));stroke-width:1.6;stroke-linecap:round}
.octo-pal__field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--fg,#EAF0FF);font:400 17px/1 var(--font-ui,'Inter',system-ui,sans-serif);caret-color:rgb(var(--p-cy))}
.octo-pal__field input::placeholder{color:var(--n-fg3)}
.octo-pal__field input::-webkit-search-cancel-button{display:none}
.octo-pal__esc{flex:none;height:26px;padding:0 8px;border-radius:7px;border:1px solid var(--stroke-2,rgba(160,180,255,.22));background:rgba(255,255,255,.04);color:var(--n-fg2);font:500 11.5px/1 var(--font-ui,'Inter',sans-serif);cursor:pointer}
.octo-pal__esc-t{display:none}
.octo-pal__esc:hover{color:var(--fg,#EAF0FF)}
.octo-pal__list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 8px 10px;scrollbar-width:thin}
.octo-pal__group{margin:12px 12px 6px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--n-fg3)}
.octo-pal__opt{position:relative;display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 12px;border-radius:11px;cursor:pointer}
.octo-pal__opt[aria-selected="true"]{background:linear-gradient(90deg,rgba(var(--p-pl),.16),rgba(var(--p-pl),.05));box-shadow:inset 0 0 0 1px rgba(var(--p-pl),.28)}
.octo-pal__opt[aria-selected="true"]::after{content:"\21B5";position:absolute;right:14px;font-size:13px;color:var(--sd-fg)}
.octo-pal__ico{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--n-fg2);background:rgba(255,255,255,.04);border:1px solid var(--stroke-1,rgba(160,180,255,.12))}
.octo-pal__ico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.octo-pal__ico--page{color:var(--sd-fg)}
.octo-pal__ico--token{color:var(--cyan-300,#8AE9FF)}
.octo-pal__sw{display:block;width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.octo-pal__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.octo-pal__txt b{font-weight:500;font-size:14.5px;color:var(--fg,#EAF0FF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.octo-pal__txt span{font-size:12.5px;color:var(--n-fg3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.octo-pal__mono{font-family:var(--font-mono,ui-monospace,Menlo,monospace)!important;font-size:13.5px!important}
.octo-pal__where{flex:none;max-width:34%;padding-right:22px;font-size:12px;color:var(--n-fg3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.octo-pal__none{margin:28px 20px;color:var(--n-fg2);line-height:1.6}
.octo-pal__none b{font-weight:500;color:var(--fg,#EAF0FF)}
.octo-pal__foot{flex:none;display:flex;align-items:center;gap:18px;height:44px;padding:0 20px;border-top:1px solid var(--stroke-1,rgba(160,180,255,.12));font-size:12px;color:var(--n-fg3);background:rgba(255,255,255,.015)}
.octo-pal__foot span{display:inline-flex;align-items:center;gap:4px}
.octo-pal__foot kbd{min-width:20px;height:20px;padding:0 5px;font-size:11px}
.octo-pal__copyhint{display:none!important}
.octo-pal.is-token .octo-pal__copyhint{display:inline-flex!important}
.octo-pal__msg{margin-left:auto;color:var(--cyan-300,#8AE9FF)}
@media (max-width:600px){
  .octo-pal{padding:10px 10px 0}
  .octo-pal__box{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:16px}
  .octo-pal__field{height:56px;padding:0 10px 0 16px}
  .octo-pal__field input{font-size:16px}
  .octo-pal__esc-k{display:none}.octo-pal__esc-t{display:inline}
  .octo-pal__esc{height:32px;padding:0 10px;font-size:13px}
  .octo-pal__where{display:none}
  .octo-pal__opt[aria-selected="true"]::after{display:none}
  .octo-pal__foot{display:none}
}
@media (hover:none){.octo-pal__esc-k{display:none}.octo-pal__esc-t{display:inline}.octo-pal__foot{display:none}}
@media (prefers-reduced-motion:reduce){.octo-nav *,.octo-side *,.octo-pal *,.octo-sheet *{transition:none!important}}

/* Next steps: three task cards closing each docs page */
.octo-next{margin:96px 0 0;max-width:1080px}
.octo-next h2{margin:0 0 20px;font:600 22px/1.25 var(--font-display,inherit);letter-spacing:-.01em;color:var(--fg,#EAF0FF)}
.octo-next ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.octo-next a{display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box;padding:20px 22px;border:1px solid var(--stroke-1,rgba(160,180,255,.12));border-radius:16px;
  text-decoration:none;color:inherit;transition:border-color .2s,background .2s}
.octo-next a:hover{border-color:var(--stroke-2,rgba(160,180,255,.24));background:rgba(255,255,255,.03)}
.octo-next a:focus-visible{outline:2px solid rgb(var(--emit-cyan,63,216,255));outline-offset:2px}
.octo-next b{display:flex;align-items:center;gap:8px;font:600 17px/1.3 var(--font-display,inherit);color:var(--fg,#EAF0FF)}
.octo-next b svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.octo-next a:hover b svg{transform:translateX(3px)}
.octo-next span{font-size:14px;line-height:1.5;color:var(--fg-2,rgba(234,240,255,.68))}
@media (max-width:760px){.octo-next{margin-top:64px}.octo-next ul{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.octo-next a,.octo-next b svg{transition:none}}