.toc-card{position:sticky;top:calc(var(--sticky-offset, 112px) + 16px);padding:20px 22px 18px;border-radius:18px;background:var(--surface-card);border:1px solid var(--color-border);box-shadow:0 6px 24px #0f172a0f;max-height:calc(100vh - var(--sticky-offset, 112px) - 32px);display:flex;flex-direction:column;min-width:0}.toc-title{font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-heading);margin:0 0 4px}.toc-sub{font-size:12px;color:var(--color-text-muted);margin:0 0 12px}.toc-scroll{overflow-y:auto;overflow-x:hidden;flex:1 1 auto;padding-right:4px;scrollbar-width:thin}.toc-list,.toc-list ol{list-style:none;margin:0;padding:0}.toc-list li{padding:2px 0}.toc-list .toc-group{border-top:1px solid rgba(148,163,184,.18)}.toc-list .toc-group:first-child{border-top:0}.toc-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px;background:none;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.toc-toggle:hover .toc-link{color:var(--prose-link-hover)}.toc-toggle--no-children .toc-chevron{display:none}.toc-chevron{font-size:12px;color:var(--color-text-muted);transition:transform .2s ease;transform:rotate(-90deg)}.toc-group.open .toc-chevron{transform:rotate(0)}.toc-link{font-size:14px;font-weight:600;color:var(--color-heading);line-height:1.4;text-decoration:none;transition:color .2s ease}.toc-link:hover{color:var(--prose-link-hover)}.toc-children{margin:2px 0 8px 8px;padding-left:8px;border-left:2px solid rgba(148,163,184,.25)}.toc-h3{font-size:13px;font-weight:500;display:block;padding:6px 0}.toc-close{display:none;position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:999px;background:var(--surface-muted);border:0;cursor:pointer;font-size:18px;line-height:1;color:var(--color-text-muted)}.toc-rail-trigger{display:none;position:fixed;left:0;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:bottom left;z-index:30;padding:8px 14px 8px 12px;background:#1d4ed8;color:#fff;border:0;border-top-left-radius:8px;border-top-right-radius:8px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 18px #0f172a2e}@media(max-width:1023px){.toc-rail-trigger{display:none!important}.toc-fab{display:inline-flex!important}.toc-card{position:fixed;inset:auto 0 0;width:100vw;max-width:100vw;max-height:78vh;border-radius:18px 18px 0 0;transform:translateY(calc(100% + 60px));transition:transform .32s cubic-bezier(.34,1.32,.64,1);z-index:50;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 60px -10px #0f172a40}.toc-card:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:38px;height:4px;border-radius:9999px;background:color-mix(in oklch,currentColor 22%,transparent)}.toc-card .toc-title{margin-top:8px}.toc-close{display:inline-flex;align-items:center;justify-content:center;top:12px;right:12px}body.toc-open .toc-card{transform:translateY(0)}body.toc-open:after{content:"";position:fixed;inset:0;background:#0f172a7a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:49;animation:tocBackdropIn .22s ease-out}@keyframes tocBackdropIn{0%{opacity:0}to{opacity:1}}.toc-list .toc-active>.toc-toggle .toc-link,.toc-list .toc-link.toc-active{color:var(--brand-700, #1d4ed8);background:color-mix(in oklch,var(--brand-500, #3b82f6) 8%,transparent);border-radius:8px;padding:6px 8px;margin:-2px -4px}}.toc-fab{display:none;position:fixed;right:0;top:50%;transform:translateY(-50%);transform-origin:center center;z-index:40;flex-direction:row;align-items:center;gap:.45rem;padding:.5rem .45rem;border-radius:10px 0 0 10px;background:color-mix(in oklch,var(--surface-raised, #fff) 86%,transparent);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);color:var(--ink, #0f172a);border:1px solid color-mix(in oklch,var(--ink, #0f172a) 12%,transparent);border-right:0;cursor:pointer;box-shadow:-4px 4px 12px -4px #0f172a24;font-size:.7rem;font-weight:700;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .22s cubic-bezier(.34,1.32,.64,1),box-shadow .22s,border-color .22s,background .22s,opacity .22s;writing-mode:sideways-lr;text-orientation:mixed;min-width:28px;min-height:110px;opacity:.78}html.dark .toc-fab{background:color-mix(in oklch,oklch(28% .04 248) 82%,transparent);color:#cbd5e1;border-color:color-mix(in oklch,oklch(55% .05 248) 26%,transparent);box-shadow:-4px 4px 12px -4px #00000059}.toc-fab:hover,.toc-fab:focus-visible{opacity:1;transform:translateY(-50%) translate(-3px);border-color:color-mix(in oklch,var(--brand-500, #3b82f6) 50%,transparent);outline:none;box-shadow:-8px 6px 18px -6px color-mix(in oklch,var(--brand-500, #3b82f6) 30%,transparent),-2px 2px 8px -2px #0f172a26}.toc-fab>svg{color:var(--brand-700, #1d4ed8);flex-shrink:0;transform:rotate(-90deg)}html.dark .toc-fab>svg{color:var(--brand-300, #93c5fd)}.toc-fab-meta{display:inline-flex;flex-direction:row;align-items:center;gap:.35rem}.toc-fab-label{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted, #6b7280)}html.dark .toc-fab-label{color:#94a3b8}.toc-fab-position{font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--brand-700, #1d4ed8)}html.dark .toc-fab-position{color:var(--brand-300, #93c5fd)}.toc-fab-position:empty{display:none}body.toc-open .toc-fab{transform:translateY(-50%) translate(120%);pointer-events:none;opacity:0}@media(prefers-reduced-motion:reduce){.toc-card,.toc-fab{transition:none!important}body.toc-open:after{animation:none!important}}