:root{--toc-width:320px;--toc-bg:#ffffff;--toc-text:#000000;--button-bg:#000000;--button-text:#ffffff;--transition-speed:.4s;--overlay-bg:rgba(0,0,0,.5)}.toc-container{position:fixed;top:0;right:0;height:100vh;z-index:1000;display:flex;align-items:center;pointer-events:none}.toc-container *{pointer-events:auto}.toc-toggle{position:fixed;right:13px;top:50%;transform:translateY(-50%) rotate(90deg) translateX(50%);transform-origin:right center;background:var(--button-bg);color:var(--button-text);border:none;padding:1rem 1.5rem;cursor:pointer;font-family:system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:8px 8px 0 0;box-shadow:-4px 0 15px rgb(0 0 0 / .3);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;white-space:nowrap;z-index:1002;font-family:"Space Mono",monospace}.toc-toggle::before{content:"☰";font-size:1rem;display:inline-block;transform:rotate(-90deg)}.toc-toggle:hover{transform:translateY(-50%) rotate(90deg) translateX(30%);padding:1rem 2rem}.toc-toggle:active{transform:translateY(-50%) rotate(90deg) translateX(40%) scale(.98)}.toc-toggle[aria-expanded="true"]{opacity:0;pointer-events:none;transform:translateY(-50%) rotate(90deg) translateX(100%)}.toc-panel{position:fixed;top:0;right:calc(-1 * var(--toc-width));width:var(--toc-width);height:100vh;background:var(--toc-bg);color:var(--toc-text);box-shadow:-5px 0 25px rgb(0 0 0 / .2);transition:right var(--transition-speed) cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column;z-index:1001}.toc-panel[aria-hidden="false"]{right:0}.toc-close{position:absolute;top:1rem;left:1rem;background:none;border:2px solid var(--toc-text);color:var(--toc-text);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.toc-close:hover{background:var(--toc-text);color:var(--toc-bg);transform:rotate(90deg)}.toc-header{padding:2.5rem 1.5rem 1.5rem;border-bottom:2px solid var(--toc-text);position:sticky;top:0;background:var(--toc-bg);z-index:10;text-align:center}.toc-title{font-size:1.25rem;font-weight:700;color:var(--toc-text);margin:0;letter-spacing:.05em;font-family:"Space Mono",monospace}.toc-nav{padding:1rem 0;flex:1}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin:0}.toc-link{display:block;padding:.875rem 1.5rem;color:var(--toc-text);text-decoration:none;font-size:.9375rem;line-height:1.5;border-left:3px solid #fff0;transition:all .2s ease;font-family:'Inter',sans-serif;font-weight:400}.toc-link:hover,.toc-link:focus{background:#f0f0f0;border-left-color:var(--toc-text);padding-left:1.75rem;outline:none}.toc-list .toc-list{padding-left:1.5rem;border-left:1px solid #e0e0e0;margin-left:1.5rem}.toc-list .toc-list .toc-link{font-size:.875rem;color:#333}.toc-overlay{position:fixed;inset:0;background:var(--overlay-bg);opacity:0;visibility:hidden;transition:all var(--transition-speed);z-index:999;backdrop-filter:blur(2px)}.toc-overlay[aria-hidden="false"]{opacity:1;visibility:visible}.toc-link[aria-current="true"]{background:#f0f0f0;font-weight:600}@media(max-width:640px){:root{--toc-width:85vw}.toc-panel{max-width:300px}.toc-toggle{padding:.875rem 1.25rem;font-size:.75rem;transform:translateY(-50%) rotate(90deg) translateX(60%)}.toc-toggle:hover{transform:translateY(-50%) rotate(90deg) translateX(40%)}.toc-link{padding:.75rem 1.25rem;font-size:.875rem}}@media(min-width:641px) and (max-width:1024px){:root{--toc-width:280px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.toc-toggle:focus-visible,.toc-link:focus-visible,.toc-close:focus-visible{outline:2px solid var(--toc-text);outline-offset:2px}