.docs{grid-template-columns:240px minmax(0,1fr) 200px;gap:48px;max-width:1280px;min-height:70vh;margin:0 auto;padding:0 24px;display:grid}.docs-side,.docs-toc{align-self:start;max-height:calc(100vh - 61px);padding:40px 0;position:sticky;top:61px;overflow-y:auto}.docs-group{margin-bottom:28px}.docs-group-title{font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}.docs-nav ul,.docs-toc ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.docs-nav a,.docs-toc a{border-left:1px solid var(--line);color:var(--mute);padding:6px 0 6px 14px;font-size:14px;text-decoration:none;transition:color .12s,border-color .12s;display:block}.docs-nav a:hover,.docs-toc a:hover{color:var(--ink)}.docs-nav a.active{color:var(--ink);border-left-color:var(--accent);font-weight:500}.doc{min-width:0;max-width:760px;padding:48px 0 96px}.doc-crumb{font:12px var(--mono);letter-spacing:.04em;color:var(--dim);margin-bottom:16px}.doc-crumb a{color:var(--mute);text-decoration:none}.doc-crumb a:hover{color:var(--ink)}.doc h1{letter-spacing:-.035em;margin:0;font-size:40px;font-weight:600;line-height:1.1}.doc-lead{color:var(--mute);margin:14px 0 40px;font-size:18px;line-height:1.55}.doc h2{letter-spacing:-.02em;margin:48px 0 14px;padding-top:8px;scroll-margin-top:84px;font-size:22px;font-weight:600}.doc h2 a{color:inherit;text-decoration:none}.doc h2 a:hover:after{content:" #";color:var(--accent)}.doc p,.doc li{color:color-mix(in srgb, var(--ink) 86%, transparent);line-height:1.7}.doc p{margin:0 0 16px}.doc ul,.doc ol{margin:0 0 20px;padding-left:22px}.doc li{margin-bottom:6px}.doc li::marker{color:var(--dim)}.doc a{color:var(--accent)}.doc code{background:var(--panel2);border:1px solid var(--line);font:13px var(--mono);color:var(--ink);padding:2px 6px}.doc strong{color:var(--ink);font-weight:600}.doc table{border:1px solid var(--line);width:100%;min-width:0;margin:0 0 24px}.doc th{background:var(--panel)}.doc td,.doc th{white-space:normal;vertical-align:top;text-align:left;padding:12px 16px}.doc tbody tr:hover{background:0 0}.codeblock{border:1px solid var(--line2);background:var(--panel);margin:0 0 20px}.codebar{border-bottom:1px solid var(--line);font:11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:center;padding:6px 8px 6px 14px;display:flex}.codeblock pre{font:13px/1.7 var(--mono);margin:0;padding:16px 18px;overflow-x:auto}.codeblock code{color:var(--ink);font:inherit;white-space:pre;background:0 0;border:0;padding:0}.callout{border:1px solid var(--line2);border-left:2px solid var(--accent);background:var(--panel);margin:0 0 24px;padding:16px 18px}.callout strong{margin-bottom:4px;display:block}.callout div{color:var(--mute);line-height:1.6}.pager{grid-template-columns:1fr 1fr;gap:12px;margin-top:64px;display:grid}.pager a{border:1px solid var(--line2);color:var(--ink);padding:16px 18px;font-weight:500;text-decoration:none;transition:border-color .12s;display:block}.pager a:hover{border-color:var(--accent)}.pager small{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:4px;display:block}.pager .next{text-align:right;grid-column:2}@media (max-width:1120px){.docs{grid-template-columns:220px minmax(0,1fr)}.docs-toc{display:none}}@media (max-width:820px){.docs{grid-template-columns:1fr;gap:0}.docs-side{border-bottom:1px solid var(--line);max-height:none;padding:24px 0 0;position:static}.docs-nav{grid-template-columns:repeat(2,1fr);gap:0 24px;display:grid}.doc h1{font-size:32px}}