:root{--bg-color: #111827;--text-color: #d1d5db;--text-color-light: #9ca3af;--text-color-strong: #f9fafb;--border-color: #374151;--primary-color: #3b82f6;--primary-color-hover: #60a5fa;--surface-color: #1f2937;--surface-color-light: #374151;--surface-highlight: #4b5563}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}hr{border:none;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);margin:2rem 0}li>p{display:inline}table{border-collapse:collapse}table td{border:1px solid var(--border-color);padding:5px}table tbody p{margin-bottom:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-color-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--surface-highlight)}.main-container{display:flex;min-height:100vh}.sidebar-left{width:288px;min-width:288px;border-right:1px solid var(--border-color);padding:1rem;display:none;flex-direction:column;position:fixed;top:0;left:-288px;height:100vh;background-color:var(--bg-color);transition:left .3s ease;z-index:20}.sidebar-left.mobile-open{display:flex;left:0}.content-wrapper{flex:1;display:flex;flex-direction:column}.top-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 2rem;border-bottom:1px solid var(--border-color);background-color:#111827cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.content-body{display:flex;flex:1}main{flex:1;padding:3rem;max-width:896px;margin:0 auto}.sidebar-right{width:256px;min-width:256px;padding:2rem;display:none;position:sticky;top:4rem;height:calc(100vh - 4rem)}.sidebar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:0 .5rem}.sidebar-header h1{font-size:1.125rem;font-weight:700;color:var(--text-color-strong)}.search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--surface-color);outline:none}.search-input:focus{box-shadow:0 0 0 2px var(--primary-color)}.nav-section-title{padding:.25rem .5rem;font-size:.75rem;font-weight:600;color:var(--text-color-light);text-transform:uppercase;letter-spacing:.05em}.nav-list{margin-top:.25rem;margin-left:.5rem;border-left:1px solid var(--border-color)}.nav-link{display:block;padding:.375rem .5rem .375rem 1rem;font-size:.875rem;color:var(--text-color);text-decoration:none;border-left:2px solid transparent;transition:all .2s ease}.nav-link:hover{color:var(--primary-color-hover);border-left-color:var(--primary-color-hover)}.nav-link.active{color:var(--primary-color-hover);font-weight:600;border-left-color:var(--primary-color);background-color:var(--surface-color);border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}article h1,article h2{font-weight:700;color:var(--text-color-strong)}article h1{font-size:2.25rem;margin-bottom:1rem}article h2{font-size:1.5rem;margin-top:3rem;margin-bottom:1rem}article h3{font-size:1.3rem;margin-top:1rem;margin-bottom:1rem}article p,article ul{color:var(--text-color);line-height:1.6}article p{margin-bottom:1rem}article ul{list-style-position:inside;margin-bottom:1rem;padding-left:.5rem}article li{margin-bottom:.5rem}article a{color:var(--primary-color);text-decoration:none}article a:hover{text-decoration:underline}article code{background-color:var(--surface-color-light);color:#e5e7eb;padding:.2em .4em;border-radius:6px;font-size:.9rem}article pre{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem;overflow-x:auto;margin-bottom:1rem}article pre code{background-color:transparent;padding:0}article blockquote{border-left:4px solid var(--surface-highlight);padding-left:1rem;font-style:italic;color:var(--text-color-light);margin:1.5rem 0}.toc-title{font-weight:600;font-size:.875rem;margin-bottom:.75rem;color:var(--text-color-strong)}.toc-list{border-left:2px solid var(--border-color)}.toc-link{display:block;padding-left:1rem;margin-left:-1px;font-size:.875rem;color:var(--text-color-light);text-decoration:none;border-left:2px solid transparent}.toc-link:hover{color:var(--primary-color-hover);border-left-color:var(--primary-color-hover)}.page-nav{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between}.page-nav-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-color);text-decoration:none;transition:color .2s ease}.page-nav-link:hover{color:var(--primary-color-hover)}@media (min-width: 1024px){.sidebar-left{display:flex;position:sticky;left:0}.mobile-menu-btn{display:none}}@media (min-width: 1280px){.sidebar-right{display:block}}