:root{--sidebar-width: 300px}body{display:block}.docs-shell{min-height:100vh;position:relative;z-index:1}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#070c10f5;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;z-index:80;backdrop-filter:blur(18px)}.sidebar-header{padding:1.25rem;border-bottom:1px solid var(--line-soft)}.repo-title{margin:0 0 .55rem;color:var(--text);font-family:var(--font-mono);font-size:1rem;letter-spacing:.02em}.repo-description{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.search-box{width:100%;margin-top:1rem;border:1px solid var(--line);border-radius:14px;background:#020507e0;color:var(--text);padding:.72rem .8rem;font:500 .9rem var(--font-mono)}.search-box::placeholder{color:var(--subtle)}.search-box:focus{outline:3px solid var(--cyan);outline-offset:3px}.sidebar-nav-container{flex:1;overflow-y:auto;padding:1rem}.sidebar-nav-container ul{list-style:none;margin:0;padding:0}.sidebar-category{margin:1.1rem 0 .42rem;color:var(--copper);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-item{display:block;border:1px solid transparent;border-radius:14px;color:var(--muted);padding:.58rem .68rem;font-family:var(--font-mono);font-size:.9rem;text-decoration:none}.nav-item:hover{color:var(--text);border-color:var(--line-soft);background:#131c22b3}.nav-item.active{color:var(--cyan);border-color:#3bcddc75;background:linear-gradient(135deg,oklch(.78 .12 205 / .12),transparent)}.sidebar-footer{border-top:1px solid var(--line-soft);padding:1rem 1.25rem}.sidebar-footer a{display:block;width:max-content;color:var(--muted);margin-bottom:.52rem;font-family:var(--font-mono);font-size:.86rem;text-decoration:none}.sidebar-footer a:hover{color:var(--cyan)}.content-wrapper{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.content{max-width:980px;padding:clamp(2rem,5vw,4.5rem)}.content :where(h1,h2,h3){color:var(--text);letter-spacing:-.03em;text-wrap:balance}.content h1{max-width:18ch;margin:0 0 1rem;font-size:clamp(2.35rem,5vw,4.35rem);line-height:.96}.content h2{margin:2.6rem 0 .9rem;font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.05}.content h3{margin:2rem 0 .7rem;color:var(--copper);font-size:1.16rem}.content p,.content li{max-width:72ch;color:var(--muted);font-size:1rem}.content p{margin:0 0 1rem}.content ul,.content ol{padding-left:1.25rem;margin:1rem 0}.content li{margin-bottom:.42rem}.content a{color:var(--cyan);text-decoration-thickness:1px;text-underline-offset:.2em}.content code{border:1px solid oklch(.78 .12 205 / .22);border-radius:7px;background:#050a0ecc;color:#90e1ea;padding:.08rem .28rem;font-size:.92em}.content pre{max-width:100%;overflow-x:auto;margin:1.2rem 0 1.4rem;border:1px solid var(--line);border-radius:18px;background:#020406eb;padding:1rem;box-shadow:inset 0 1px #ffffff0a}.content pre code{border:0;border-radius:0;background:transparent;color:#b8e8ee;padding:0;line-height:1.5}.content table{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--line-soft);border-radius:18px;border-collapse:separate;border-spacing:0;margin:1.2rem 0 1.5rem}.content th,.content td{border-bottom:1px solid var(--line-soft);padding:.78rem .9rem;text-align:left;vertical-align:top}.content tr:last-child td{border-bottom:0}.content th{color:var(--subtle);background:#0a1015e6;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase}.content td{color:var(--muted)}.content blockquote{margin:1.4rem 0;border:1px solid oklch(.73 .13 56 / .28);border-radius:18px;background:#e5905014;padding:1rem}.doc-section+.doc-section{margin-top:clamp(3rem,7vw,5rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--line-soft)}.hidden-section{display:none}.mobile-header{display:none;position:sticky;top:0;z-index:70;align-items:center;gap:1rem;border-bottom:1px solid var(--line-soft);background:#070c10f5;backdrop-filter:blur(18px);padding:1rem}.menu-toggle{display:inline-flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);padding:.65rem}.menu-toggle span{width:22px;height:2px;background:currentcolor}.overlay{display:none;position:fixed;inset:0;z-index:75;background:#000001b8}@media(max-width:860px){.mobile-header{display:flex}.sidebar{transform:translate(-100%);transition:transform .22s cubic-bezier(.22,1,.36,1)}.sidebar.open{transform:translate(0)}.overlay.open{display:block}.content-wrapper{margin-left:0;width:100%}.content{padding:2rem 1rem}}@media(max-width:420px){:root{--sidebar-width: min(300px, 88vw)}}
