.table-of-contents{background:var(--han-wit);border:1px solid var(--han-mercury);border-radius:var(--radius-lg);width:280px;max-height:calc(100vh - 160px);box-shadow:var(--shadow-lg);z-index:100;padding:var(--spacing-md);transition:all var(--transition-normal);position:fixed;top:120px;left:20px;overflow-y:auto}.toc-header{padding-bottom:var(--spacing-md);border-bottom:2px solid var(--han-rood);margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.toc-header h3{color:var(--han-zwart);margin:0;font-size:1rem;font-weight:700}.toc-close{cursor:pointer;color:var(--han-boulder);padding:var(--spacing-xs);background:0 0;border:none;font-size:1.2rem;display:none}.toc-close:hover{color:var(--han-rood)}.toc-list{margin:0;padding:0;list-style:none}.toc-item{margin-bottom:var(--spacing-xs)}.toc-link{text-align:left;width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--han-mineshaft);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.85rem;line-height:1.4;display:block}.toc-link:hover{background:var(--han-alabaster);color:var(--han-rood)}.toc-level-2 .toc-link{color:var(--han-zwart);font-weight:600}.toc-level-3{padding-left:var(--spacing-sm)}.toc-level-3 .toc-link{color:var(--han-boulder);font-size:.8rem;font-weight:400}.toc-item.is-active .toc-link{background:var(--han-rood);color:var(--han-wit);font-weight:600}.toc-item.is-active.toc-level-3 .toc-link{color:var(--han-rood);background:#e500561a}.toc-mobile-toggle{background:var(--han-rood);color:var(--han-wit);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;box-shadow:var(--shadow-lg);z-index:99;transition:all var(--transition-normal);border:none;border-radius:50px;font-size:.9rem;font-weight:600;display:none;position:fixed;bottom:80px;left:20px}.toc-mobile-toggle:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.toc-icon{margin-right:var(--spacing-sm)}.toc-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.table-of-contents::-webkit-scrollbar{width:6px}.table-of-contents::-webkit-scrollbar-track{background:var(--han-alabaster);border-radius:3px}.table-of-contents::-webkit-scrollbar-thumb{background:var(--han-mercury);border-radius:3px}.table-of-contents::-webkit-scrollbar-thumb:hover{background:var(--han-gray)}@media (max-width:1400px){.table-of-contents{width:240px;left:10px}}@media (max-width:1200px){.table-of-contents{border-right:1px solid var(--han-mercury);width:100%;max-width:320px;height:100vh;max-height:100vh;transition:transform var(--transition-normal);border-radius:0;display:none;position:fixed;top:0;left:0;transform:translate(-100%)}.table-of-contents.is-open{display:block;transform:translate(0)}.toc-close{display:block}.toc-mobile-toggle{align-items:center;display:flex}.toc-overlay{display:block}}@media (min-width:1201px){.has-toc .markdown-renderer{margin-left:360px}.has-toc .section-title,.has-toc .subsection-title,.has-toc .item-title,.has-toc .content-paragraph,.has-toc .content-list,.has-toc .table-wrapper,.has-toc .content-quote,.has-toc .video-container,.has-toc .code-pre,.has-toc .section-break{max-width:900px;margin-left:0;margin-right:auto}.has-toc .page-hero .site-container{max-width:none;margin-left:360px;margin-right:1.5rem}.has-toc .page-hero-content{max-width:900px;margin-left:0;margin-right:auto}}
.progress-bar-container{background:var(--han-mercury);z-index:1000;align-items:center;width:100%;height:4px;display:flex;position:fixed;top:0;left:0}.progress-bar-fill{background:linear-gradient(90deg, var(--han-rood) 0%, var(--han-oranje) 100%);border-radius:0 2px 2px 0;height:100%;transition:width .1s ease-out}.progress-percentage{color:var(--han-rood);background:var(--han-wit);box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--transition-normal);border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:700;position:absolute;top:8px;right:10px}.progress-bar-container:hover .progress-percentage{opacity:1}.back-to-top{background:var(--han-rood);width:50px;height:50px;color:var(--han-wit);cursor:pointer;box-shadow:var(--shadow-lg);z-index:99;opacity:0;visibility:hidden;transition:all var(--transition-normal);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(20px)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--han-zwart);box-shadow:var(--shadow-xl);transform:translateY(-3px)}.back-to-top-icon{font-size:1.2rem;font-weight:700;line-height:1}.back-to-top-text{text-transform:uppercase;letter-spacing:.5px;font-size:.6rem;font-weight:600}@media (max-width:768px){.progress-percentage{display:none}.back-to-top{width:45px;height:45px;bottom:20px;right:20px}.back-to-top-text{display:none}.back-to-top-icon{font-size:1.4rem}}