/* Orcacode field manual on Voidline: void ground, hairline structure, three
   levels of ink, mint as the one signal (state and selection only), system
   type stacks and no webfont. Tokens mirror docs/design/voidline. */
:root { --bg:#000000; --panel:#0A0A0A; --ink:#F5F5F5; --muted:#A3A3A3; --dim:#808080; --rule:rgba(255,255,255,.07); --rule-bright:rgba(255,255,255,.13); --accent:#F5F5F5; --accent-strong:#F5F5F5; --mint:#5BE49B; --mint-strong:#7DEDB2; --mint-tint:rgba(91,228,155,.10); --mint-edge:rgba(91,228,155,.26); --warn:#EFC15C; --hover:#141414; --raised:#1C1C1C; --code:#0A0A0A; --grid-dot:rgba(255,255,255,.07); --focus:rgba(91,228,155,.48); --r-plate:4px; --r-control:4px; --r-pill:4px; --r-round:999px; --font-sans:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI Variable Text',system-ui,'Helvetica Neue',Arial,sans-serif; --font-display:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI Variable Display',system-ui,'Helvetica Neue',Arial,sans-serif; --font-mono:ui-monospace,'SF Mono',SFMono-Regular,'JetBrains Mono','Cascadia Mono',Menlo,Consolas,monospace; --sidebar:262px; --outline:214px; --shell-max:1920px; --article-max:1080px; }
* { box-sizing:border-box; scrollbar-width:none; -ms-overflow-style:none; } *::-webkit-scrollbar { display:none; width:0; height:0; } html { max-width:100%; scroll-behavior:smooth; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } body { max-width:100%; margin:0; color:var(--ink); background:var(--bg); font:17px/1.7 var(--font-sans); letter-spacing:-0.005em; } body.nav-open { overflow:hidden; } ::selection { color:var(--ink); background:var(--mint-edge); } a { color:inherit; text-underline-offset:4px; text-decoration-style:dotted; text-decoration-color:var(--rule-bright); } a:hover { text-decoration-color:var(--ink); } button, input { font:inherit; } button { cursor:pointer; } :focus-visible { outline:2px solid var(--focus); outline-offset:2px; border-radius:var(--r-control); } .skip-link { position:fixed; top:8px; left:8px; transform:translateY(-150%); z-index:20; background:#FDFDFD; color:#000000; border-radius:var(--r-pill); padding:7px 11px; font-family:var(--font-mono); font-size:13px; } .skip-link:focus { transform:none; }
.topbar { width:100%; max-width:var(--shell-max); height:57px; margin:0 auto; border-right:1px solid var(--rule); border-bottom:1px solid var(--rule); border-left:1px solid var(--rule); padding:0 26px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:8; background:var(--bg); }.brand { display:inline-flex; align-items:center; gap:0; text-decoration:none; letter-spacing:.18em; text-transform:uppercase; font-family:var(--font-sans); font-weight:600; font-size:14px; white-space:nowrap; }.brand:hover { color:var(--ink); }.brand > span:last-child { color:var(--dim); font-family:var(--font-mono); font-weight:400; font-size:11px; letter-spacing:.12em; text-transform:uppercase; margin-left:.75em; transform:translateY(1px); }.brand-mark { flex:none; display:inline-grid; grid-template-columns:8px 8px; grid-template-rows:8px 8px; gap:2px; margin-right:10px; }.brand-mark i { display:block; background:transparent; }.brand-mark i:first-child,.brand-mark i:last-child { background:var(--ink); }.brand-name { color:var(--ink); }.topbar-actions { display:flex; align-items:center; gap:8px; }.topbar-link { color:var(--muted); text-decoration:none; border:1px solid transparent; border-radius:var(--r-pill); padding:0 14px; height:36px; display:inline-flex; align-items:center; font-family:var(--font-sans); font-size:14px; font-weight:500; }.topbar-link:hover { color:var(--ink); background:var(--hover); }.search-trigger,.menu-trigger { color:var(--dim); background:var(--hover); border:1px solid var(--rule); border-radius:var(--r-control); height:36px; padding:0 13px; display:inline-flex; align-items:center; gap:8px; font-family:var(--font-sans); font-size:13px; transition:border-color 130ms cubic-bezier(.32,.72,.34,1), color 130ms cubic-bezier(.32,.72,.34,1); }.search-trigger:hover,.menu-trigger:hover { color:var(--ink); border-color:var(--rule-bright); background:var(--raised); }.search-trigger kbd { font-family:var(--font-mono); font-size:11px; color:var(--muted); background:var(--raised); border:1px solid var(--rule); border-radius:6px; padding:0 5px; min-width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; }.menu-trigger { display:none; }
.docs-shell { width:100%; max-width:var(--shell-max); margin:0 auto; border-right:1px solid var(--rule); border-left:1px solid var(--rule); display:grid; grid-template-columns:var(--sidebar) minmax(0, 1fr) var(--outline); min-height:calc(100vh - 57px); min-height:calc(100dvh - 57px); }.sidebar { position:sticky; top:57px; align-self:start; height:calc(100vh - 57px); height:calc(100dvh - 57px); overflow:hidden; border-right:1px solid var(--rule); }.sidebar-scroll { height:100%; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; touch-action:pan-y; padding:32px 20px 24px 26px; }.eyebrow { margin:0 0 13px; color:var(--dim); font-family:var(--font-mono); font-size:11px; font-weight:500; letter-spacing:.09em; text-transform:uppercase; }.nav-group { margin:0 0 26px; }.nav-group-title { display:block; color:var(--dim); font-family:var(--font-mono); font-size:11px; font-weight:500; letter-spacing:.09em; text-transform:uppercase; margin:0 0 7px; }.nav-link { display:flex; align-items:center; height:36px; color:var(--muted); text-decoration:none; padding:0 10px; margin-left:-10px; border:1px solid transparent; border-radius:var(--r-control); font-size:14px; font-weight:500; transition:background 130ms cubic-bezier(.32,.72,.34,1), color 130ms cubic-bezier(.32,.72,.34,1); }.nav-link:hover { color:var(--ink); background:var(--hover); }.nav-link.active { color:var(--ink); background:var(--raised); border-color:var(--rule); }.sidebar-note { color:var(--dim); border-top:1px solid var(--rule); padding-top:20px; font-family:var(--font-mono); font-size:11px; line-height:1.9; letter-spacing:.02em; }.sidebar-note a { text-decoration-color:var(--rule-bright); }.status-dot { display:inline-block; width:6px; height:6px; border-radius:var(--r-round); background:var(--mint); margin-right:6px; }
.content { min-width:0; padding:74px clamp(34px, 7vw, 112px) 45px; }.content article { width:100%; max-width:var(--article-max); margin-inline:auto; }.kicker { color:var(--dim); font-family:var(--font-mono); font-size:11px; font-weight:500; letter-spacing:.09em; text-transform:uppercase; margin:0 0 14px; }.title { font:600 clamp(34px, 4vw, 48px)/1.14 var(--font-display); letter-spacing:-.022em; text-wrap:balance; margin:0 0 22px; max-width:720px; }.lede { color:var(--muted); font-size:19px; line-height:1.65; max-width:710px; margin:0 0 44px; }.meta { color:var(--dim); font-family:var(--font-mono); font-size:11px; letter-spacing:.09em; text-transform:uppercase; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:10px 0; margin:0 0 48px; display:flex; align-items:center; justify-content:space-between; gap:20px; }.markdown-copy { flex:none; color:var(--ink); background:var(--hover); border:1px solid var(--rule); border-radius:var(--r-pill); height:30px; padding:0 12px; display:inline-flex; align-items:center; font-family:var(--font-sans); font-size:13px; font-weight:500; letter-spacing:0; text-transform:none; line-height:1; transition:border-color 130ms cubic-bezier(.32,.72,.34,1), background 130ms cubic-bezier(.32,.72,.34,1); }.markdown-copy:hover { background:var(--raised); border-color:var(--rule-bright); }.markdown-copy.copied { color:var(--mint-strong); background:var(--mint-tint); border-color:var(--mint-edge); }.section { scroll-margin-top:82px; margin:0 0 55px; }.section + .section { padding-top:4px; }.section h2 { font:600 21px/1.28 var(--font-display); letter-spacing:-.015em; margin:0 0 17px; }.section h3 { font:600 16px/1.4 var(--font-sans); letter-spacing:-.008em; margin:28px 0 8px; }.section p { margin:0 0 18px; color:var(--muted); }.section > p,.section > ul,.section > ol,.section > .callout,.section > .step { max-width:790px; }.section ul,.section ol { margin:0 0 18px; padding-left:23px; color:var(--muted); }.section li { padding-left:5px; margin:5px 0; }.section strong { color:var(--ink); font-weight:600; }.section code { font-family:var(--font-mono); color:var(--ink); background:var(--hover); border:1px solid var(--rule); border-radius:6px; padding:1px 5px; font-size:.84em; }.callout { margin:24px 0; padding:16px 18px 15px; border:1px solid var(--rule); border-radius:var(--r-control); background:var(--code); }.callout.warn { border-color:rgba(239,193,92,.24); background:rgba(239,193,92,.10); }.callout p:last-child { margin-bottom:0; }.callout-label { color:var(--dim); font-family:var(--font-mono); font-size:11px; font-weight:500; letter-spacing:.09em; text-transform:uppercase; display:block; margin-bottom:7px; }.warn .callout-label { color:var(--warn); }.terminal { position:relative; background:var(--code); border:1px solid var(--rule); border-radius:var(--r-plate); margin:20px 0 22px; overflow:hidden; }.terminal pre { margin:0; padding:20px 55px 20px 22px; overflow:auto; color:var(--ink); font:14px/1.8 var(--font-mono); letter-spacing:0; }.terminal .prompt { color:var(--mint); }.terminal .comment { color:var(--dim); }.copy { position:absolute; right:10px; top:10px; border:0; background:transparent; color:var(--dim); padding:7px; }.copy:hover { color:var(--ink); }.copy svg { width:18px; fill:none; stroke:currentColor; stroke-width:1.7; }.copy.copied { color:var(--mint); }.command-table { border-collapse:collapse; width:100%; margin:22px 0; font-size:14px; }.command-table th { text-align:left; font-family:var(--font-sans); font-size:13px; color:var(--dim); letter-spacing:0; text-transform:none; font-weight:400; height:40px; }.command-table th,.command-table td { padding:14px 12px; border-bottom:1px solid var(--rule); vertical-align:top; }.command-table td { color:var(--muted); }.command-table td:first-child { color:var(--ink); white-space:nowrap; }.command-table code { white-space:nowrap; }.step { display:grid; grid-template-columns:27px minmax(0,1fr); align-items:start; column-gap:14px; margin:26px 0; }.step-number { box-sizing:border-box; display:grid; place-items:center; color:var(--ink); border:1px solid var(--rule-bright); border-radius:4px; background:var(--raised); height:27px; width:27px; line-height:1; text-align:center; font-family:var(--font-mono); font-size:12px; }.section .step h3 { margin:1px 0 8px; line-height:25px; }.step > div { min-width:0; }.step > div > p:last-child { margin-bottom:0; }.article-footer { width:100%; max-width:var(--article-max); margin-inline:auto; border-top:1px solid var(--rule); padding-top:16px; color:var(--dim); display:flex; justify-content:space-between; gap:15px; font-family:var(--font-mono); font-size:11px; letter-spacing:.09em; text-transform:uppercase; }.article-footer a { text-decoration-color:var(--rule-bright); }
.page-outline { position:sticky; top:57px; align-self:start; max-height:calc(100vh - 57px); max-height:calc(100dvh - 57px); overflow-y:auto; overscroll-behavior:contain; border-left:1px solid var(--rule); padding:35px 20px; }.page-outline nav { position:static; }.outline-link { color:var(--muted); display:block; padding:4px 0; text-decoration:none; font-size:13px; }.outline-link:hover,.outline-link.active { color:var(--ink); }.outline-link.active { color:var(--ink); }
.search-dialog { color:var(--ink); border:1px solid var(--rule-bright); border-radius:var(--r-plate); padding:0; background:var(--raised); width:min(650px, calc(100% - 28px));  }.search-dialog::backdrop { background:rgba(0,0,0,.6); }.search-panel { padding:0; }.search-head { display:flex; align-items:center; justify-content:space-between; padding:15px 18px 8px; color:var(--dim); font-family:var(--font-mono); font-size:11px; font-weight:500; letter-spacing:.09em; text-transform:uppercase; }.search-head button { color:var(--muted); background:var(--hover); border:1px solid var(--rule); border-radius:6px; font-family:var(--font-mono); font-size:11px; letter-spacing:.06em; }.search-panel input { background:transparent; border:0; border-bottom:1px solid var(--rule); color:var(--ink); padding:16px 18px; outline:0; width:100%; font-size:17px; font-family:var(--font-sans); }.search-results { min-height:120px; max-height:420px; overflow:auto; padding:8px; }.search-result { display:block; width:100%; text-align:left; background:transparent; color:var(--muted); border:0; border-radius:4px; padding:11px 10px; }.search-result:hover,.search-result.selected { background:var(--hover); color:var(--ink); }.search-result b { color:var(--ink); display:block; font-family:var(--font-mono); font-weight:500; font-size:13px; letter-spacing:.02em; margin-bottom:2px; }.search-result span { font-size:13px; }.search-hint { color:var(--dim); padding:9px 18px 14px; font-family:var(--font-mono); font-size:11px; letter-spacing:.06em; margin:0; border-top:1px solid var(--rule); }
/* Responsive layout: switch navigation before the document column becomes too narrow. */
body { min-width:0; }.section p,.section li,.command-table td { overflow-wrap:anywhere; }.section code { overflow-wrap:anywhere; }.terminal { max-width:100%; overflow:auto; }.terminal pre { white-space:pre-wrap; overflow-wrap:anywhere; }.command-table { table-layout:auto; }.command-table td:first-child,.command-table code { white-space:normal; }
@media (max-width:1050px) { .docs-shell { grid-template-columns:225px minmax(0,1fr); }.page-outline { display:none; }:root { --sidebar:225px; }.content { padding-left:clamp(32px,6vw,72px); padding-right:clamp(32px,6vw,72px); } }
@media (max-width:860px) { .topbar { padding:0 18px; }.brand span:last-child { display:none; }.topbar-link { display:none; }.menu-trigger { display:block; }.docs-shell { display:block; }.sidebar { display:none; position:fixed; z-index:7; top:57px; bottom:0; left:0; right:0; height:auto; overflow:hidden; background:var(--bg); border-right:0; }.sidebar.open { display:block; }.sidebar-scroll { height:100%; padding:27px 25px; }.content { padding:52px clamp(20px,5vw,42px) 36px; }.title { font-size:clamp(38px,9vw,52px); }.lede { font-size:17px; }.meta { display:block; }.meta span { display:block; }.markdown-copy { margin-top:8px; }.article-footer { display:block; }.article-footer span { display:block; margin:5px 0; } }
@media (max-width:560px) { .topbar { padding:0 12px; }.brand { font-size:14px; }.search-trigger { font-size:0; }.search-trigger kbd { font-size:12px; }.content { padding:38px 16px 30px; }.title { font-size:36px; letter-spacing:-.04em; }.kicker { font-size:10px; }.lede { margin-bottom:32px; }.meta { margin-bottom:36px; font-size:10px; }.section { margin-bottom:42px; }.section h2 { font-size:23px; }.section h3 { font-size:16px; }.section p,.section li { font-size:15px; }.callout { padding:14px 14px 13px; }.terminal pre { padding:15px 39px 15px 14px; font-size:12px; }.command-table,.command-table tbody,.command-table tr,.command-table td { display:block; width:100%; }.command-table { font-size:13px; margin:18px 0; }.command-table thead { display:none; }.command-table tr { padding:10px 0; border-bottom:1px solid var(--rule); }.command-table td { padding:3px 0; border:0; }.command-table td:first-child { margin-bottom:3px; font-size:12px; color:var(--accent); font-family:var(--font-mono); }.command-table td:nth-child(2)::before { content:'DETAILS · '; color:var(--dim); font-family:var(--font-mono); font-size:10px; letter-spacing:.08em; }.command-table td:nth-child(3)::before { content:'NOTES · '; color:var(--dim); font-family:var(--font-mono); font-size:10px; letter-spacing:.08em; }.command-table td:nth-child(4)::before { content:'TARGET · '; color:var(--dim); font-family:var(--font-mono); font-size:10px; letter-spacing:.08em; }.step { gap:10px; }.article-footer { font-size:10px; }.search-dialog { width:calc(100% - 20px); }.search-head { padding-left:14px; padding-right:14px; }.search-panel input { padding:14px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }