.docs-wrap{background:var(--page);min-height:100svh;display:flex}.docs-side{border-right:1px solid var(--line);flex:none;width:264px;height:100svh;padding:24px 16px;position:sticky;top:0;overflow-y:auto}.docs-side .brand{align-items:center;gap:10px;padding:0 8px 18px;text-decoration:none;display:flex}.docs-side .brand img{height:22px}.docs-side .brand span{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;font-size:14px;font-weight:700}.docs-side .cat{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--ice-faint);margin:18px 8px 8px;font-size:10px}.docs-side a.d{color:var(--ice-dim);border-radius:8px;padding:7px 10px;font-size:14px;text-decoration:none;display:block}.docs-side a.d:hover{color:#fff;background:#f4f6fa0d}.docs-side a.d.active{color:#fff;background:#f4f6fa17}.docs-main{flex:1;justify-content:center;min-width:0;padding:60px 32px 120px;display:flex}.docs-content{width:100%;max-width:760px}.docs-content h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(30px,4vw,46px);font-weight:800}.docs-content h2{font-family:var(--font-display);margin:34px 0 12px;font-size:22px;font-weight:700}.docs-content p{color:var(--ice-dim);margin:0 0 14px;line-height:1.8}.docs-content ul{color:var(--ice-dim);margin:0 0 16px;padding-left:22px;line-height:1.9}.docs-content code{border:1px solid var(--line);font-family:var(--font-mono,monospace);color:#cfe6ff;background:#11141a;border-radius:5px;padding:1px 6px;font-size:.9em}.docs-content strong{color:#fff}.docs-top{display:none}@media (max-width:860px){.docs-side{border-right:none;border-bottom:1px solid var(--line);width:100%;height:auto;position:static}.docs-wrap{flex-direction:column}.docs-main{padding:32px 20px 80px}}
