.docs{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;max-width:1200px;margin:0 auto;padding:0 24px 90px}.toc{position:sticky;top:80px;align-self:start;padding-top:34px;max-height:calc(100vh - 96px);overflow-y:auto}.toc-title{font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.toc nav{display:flex;flex-direction:column;gap:1px;border-left:1px solid var(--line)}.toc nav a{position:relative;padding:6px 10px 6px 14px;font-size:13px;color:var(--text-3);margin-left:-1px;border-left:1px solid transparent;border-radius:0 6px 6px 0;transition:color .18s,border-color .18s,background .18s,transform .18s}.toc nav a:after{content:"";position:absolute;left:-1px;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--accent);transform:scaleY(0);transform-origin:center;transition:transform .2s ease}.toc nav a:hover,.toc nav a:focus-visible{color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent);transform:translate(3px);outline:0}.toc nav a.active{color:var(--accent);border-left-color:transparent;background:color-mix(in srgb,var(--accent) 7%,transparent);font-weight:600}.toc nav a.active:after{transform:scaleY(1)}.toc nav a.sub{padding-left:26px;font-size:12.5px}.doc-body{padding-top:34px;min-width:0}.doc-head{padding-bottom:26px;border-bottom:1px solid var(--line)}.doc-head h1{font-size:34px;margin:0 0 10px;letter-spacing:-1px;font-weight:700}.doc-head p{color:var(--text-2);font-size:15.5px;margin:0;line-height:1.7;max-width:62ch}.doc-body section{padding:42px 0;border-bottom:1px solid var(--line);scroll-margin-top:74px}.doc-body section.doc-target{animation:doc-target-pulse .85s ease-out}@keyframes doc-target-pulse{0%{background:color-mix(in srgb,var(--accent) 13%,transparent)}to{background:transparent}}.doc-body section:last-of-type{border-bottom:0}.doc-body h2{font-size:22px;margin:0 0 14px;letter-spacing:-.5px;font-weight:650;scroll-margin-top:74px}.doc-body h3{font-size:16px;margin:30px 0 10px;font-weight:600;scroll-margin-top:74px}.doc-body h4{font-size:13.5px;margin:22px 0 8px;color:var(--text-2);font-weight:600;letter-spacing:.03em}.doc-body p{line-height:1.8;color:var(--text-2);margin:0 0 13px;max-width:74ch}.doc-body b{color:var(--text);font-weight:600}.doc-body code{background:var(--surface-3);border:1px solid var(--line);padding:1px 6px;border-radius:4px;font-size:12.5px;color:#a8c7fa}.steps{counter-reset:s;list-style:none;padding:0;margin:0 0 16px}.steps>li{counter-increment:s;position:relative;padding:0 0 16px 34px}.steps>li:before{content:counter(s);position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text-2);font-family:var(--mono);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.steps>li>b{display:block;margin-bottom:3px;color:var(--text)}.steps>li p{margin:0;color:var(--text-2);font-size:13.5px}.steps.compact>li{padding-bottom:11px}.notes{padding-left:18px;margin:0 0 15px}.notes li{line-height:1.8;color:var(--text-2);margin-bottom:5px}.notes li::marker{color:var(--text-3)}.tip{background:var(--surface);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:13px 17px;font-size:13.5px;line-height:1.75;color:var(--text-2);margin:16px 0}.doc-body .code-box{white-space:pre;overflow-x:auto;padding:15px 78px 15px 17px;line-height:1.7;margin:0 0 17px;word-break:normal}.doc-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:2px 0 17px}.doc-table th{text-align:left;padding:9px 13px;color:var(--text-3);font-size:11.5px;font-weight:500;letter-spacing:.05em;border-bottom:1px solid var(--line-strong)}.doc-table td{padding:11px 13px;border-bottom:1px solid var(--line);line-height:1.7;color:var(--text-2);vertical-align:top}.doc-table tr:last-child td{border-bottom:0}.doc-table td:first-child{white-space:nowrap;color:var(--text)}.doc-body details{border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 17px;margin-bottom:8px;background:var(--surface);transition:border-color .14s}.doc-body details:hover{border-color:var(--line-strong)}.doc-body details[open]{background:var(--surface-2)}.doc-body summary{cursor:pointer;padding:13px 0;font-weight:600;font-size:14px;list-style:none;color:var(--text)}.doc-body summary::-webkit-details-marker{display:none}.doc-body summary:before{content:"+";color:var(--accent);margin-right:10px;font-family:var(--mono);font-weight:600}.doc-body details[open] summary:before{content:"\2212"}.doc-body details>*:not(summary){margin-left:24px}.doc-body details>*:last-child{margin-bottom:14px}.doc-foot{padding:34px 0 0;color:var(--text-3);font-size:13.5px}.doc-back-top{position:fixed;z-index:8;right:24px;bottom:24px;display:flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid var(--line-strong);border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text-2);font:600 12.5px var(--font,inherit);cursor:pointer;box-shadow:0 10px 28px #00000021;backdrop-filter:blur(12px);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s,color .2s,border-color .2s}.doc-back-top.show{opacity:1;transform:translateY(0);pointer-events:auto}.doc-back-top:hover,.doc-back-top:focus-visible{color:var(--text);border-color:var(--accent);outline:0}@media(prefers-reduced-motion:reduce){.toc nav a,.toc nav a:after,.doc-back-top{transition:none}.doc-body section.doc-target{animation:none}}@media(max-width:900px){.docs{grid-template-columns:1fr;gap:0}.toc{position:static;max-height:none;padding-top:22px}.toc nav{flex-direction:row;flex-wrap:wrap;border-left:0;gap:6px}.toc nav a{border:1px solid var(--line);border-radius:5px;padding:4px 11px;margin:0;font-size:12.5px}.toc nav a:after{display:none}.toc nav a.active{border-color:var(--accent)}.toc nav a.sub{padding-left:11px}.doc-head h1{font-size:26px}.doc-back-top{right:14px;bottom:14px}.doc-back-top span{display:none}}
