.articles-toc-layout .articles-toc-grid{display:grid;grid-template-columns:30% 1fr 20%;grid-template-areas:"sidebar content toc";height:100vh;gap:0;max-width:100%;margin:0 auto}.articles-toc-layout .articles-sidebar{grid-area:sidebar;background:linear-gradient(135deg,#c8d5ff 0%,#b5c9ff 25%,#a8b5ff 75%,#6b8fff 100%);overflow:hidden;position:sticky;top:0;height:100vh;transition:overflow .3s ease;padding-bottom:4rem}.articles-toc-layout .articles-sidebar:hover{overflow-y:auto}.articles-toc-layout .articles-content{grid-area:content;background:#fff;padding:3rem 4rem;overflow-y:auto;overflow-x:hidden;height:100vh;word-wrap:break-word}.articles-toc-layout .articles-toc-sidebar{grid-area:toc;background:#f8f7ff;border-left:1px solid #e8e4ff;overflow:hidden;position:sticky;top:0;height:100vh;transition:overflow .3s ease;padding:2rem 1.5rem}.articles-toc-layout .articles-toc-sidebar:hover{overflow-y:auto}.toc-content{display:flex;flex-direction:column;height:100%;overflow-x:hidden;max-width:100%}.toc-title{font-size:1.1rem;font-weight:600;color:#1a1f2b;margin:0 -1.5rem;padding:1rem 1.5rem .75rem;border-bottom:2px solid #a8b5ff;background:#f8f7ff;background-clip:padding-box;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px rgba(168,181,255,.2)}.toc-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:0;margin-top:1rem;max-width:100%}.toc-nav{font-size:.9rem;max-width:100%;overflow-x:hidden}.toc-nav ul{list-style:none;margin:0;padding:0;max-width:100%}.toc-nav li{margin:0;padding:0;max-width:100%}.toc-nav a{display:block;padding:.5rem .75rem;color:#4a5568;text-decoration:none;line-height:1.4;transition:all .2s ease;border-radius:4px;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:100%;box-sizing:border-box}.toc-nav a:hover{color:#36c;background:rgba(168,181,255,.1)}.toc-nav a.active{color:#36c;font-weight:600;background:rgba(168,181,255,.15)}.toc-nav ul ul{margin-left:1rem}.toc-nav ul ul a{font-size:.85rem;color:#6b7280;padding:.3rem 0}.toc-nav ul ul ul{margin-left:1rem}.toc-nav ul ul ul a{font-size:.8rem;color:#9ca3af;padding:.25rem 0}.toc-wrapper::-webkit-scrollbar{width:6px}.toc-wrapper::-webkit-scrollbar-track{background:rgba(168,181,255,.1);border-radius:3px}.toc-wrapper::-webkit-scrollbar-thumb{background:rgba(168,181,255,.3);border-radius:3px;transition:background .3s ease}.toc-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(168,181,255,.5)}.toc-wrapper{scrollbar-width:thin;scrollbar-color:rgba(168,181,255,.3)rgba(168,181,255,.1)}.articles-toc-layout .articles-toc-sidebar{overflow:hidden}.articles-toc-layout .articles-toc-sidebar:hover{overflow:hidden}@media(max-width:1200px){.articles-toc-layout .articles-toc-grid{grid-template-columns:30% 1fr 18%}.articles-toc-layout .articles-content{padding:2rem 3rem}.articles-toc-layout .articles-toc-sidebar{padding:1.5rem 1rem}}@media(max-width:1024px){.articles-toc-layout .articles-toc-grid{grid-template-columns:35% 1fr 25%}.articles-toc-layout .articles-content{padding:2rem}.toc-title{font-size:1rem}.toc-nav{font-size:.85rem}}@media(max-width:768px){.articles-toc-layout .articles-toc-grid{grid-template-columns:1fr;grid-template-areas:"content"}.articles-toc-layout .articles-sidebar{display:none}.articles-toc-layout .articles-toc-sidebar{display:none}.articles-toc-layout .articles-content{padding:2rem 1.5rem}}