.toc-island{--_fg: var(--text-light);--_bg: var(--bg-ultra-dark);--_muted: color-mix(in srgb, var(--_fg) 55%, transparent);--_ease: cubic-bezier(.22, 1, .36, 1);--_dur: .5s;--_z: 9999;--_pill-w: 280px;--_panel-w: 340px;--_pill-h: 52px;--_panel-h: 400px}main[inert] .toc-island{visibility:hidden}.toc-island__backdrop{position:fixed;inset:0;z-index:calc(var(--_z) - 1);background:color-mix(in srgb,#000 20%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--_dur) var(--_ease),visibility 0s linear var(--_dur)}.toc-island.is-expanded .toc-island__backdrop{opacity:1;visibility:visible;transition:opacity var(--_dur) var(--_ease)}.toc-island__dock{position:fixed;inset-block-end:10px;inset-inline-start:50%;translate:-50% 20px;z-index:var(--_z);display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;transition:opacity var(--_dur) var(--_ease),translate var(--_dur) var(--_ease)}.toc-island.is-visible .toc-island__dock{translate:-50% 0;opacity:1}.toc-island.is-visible .toc-island__panel{pointer-events:auto}.toc-island__panel{position:relative;overflow:hidden;pointer-events:none;inline-size:min(var(--_pill-w),calc(100vw - var(--gutter) * 2));block-size:var(--_pill-h);border-radius:calc(var(--_pill-h) / 2);border:1px solid color-mix(in srgb,var(--_fg) 10%,transparent);background:var(--_bg);color:var(--_fg);box-shadow:0 25px 50px -12px color-mix(in srgb,#000 25%,transparent);transition:inline-size var(--_dur) var(--_ease),block-size var(--_dur) var(--_ease),border-radius var(--_dur) var(--_ease)}.toc-island.is-expanded .toc-island__panel{inline-size:min(var(--_panel-w),calc(100vw - var(--gutter) * 2));block-size:min(var(--_panel-h),70dvh);border-radius:24px}.toc-island__pill{position:absolute;inset:0;display:flex;align-items:center;gap:1em;inline-size:100%;padding-inline:1.1em;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:opacity var(--_dur) var(--_ease) .1s,scale var(--_dur) var(--_ease) .1s,filter var(--_dur) var(--_ease) .1s}.toc-island.is-expanded .toc-island__pill{opacity:0;scale:.95;filter:blur(4px);pointer-events:none;transition-delay:0s}.toc-island__pill-dot{flex:none;inline-size:8px;block-size:8px;border-radius:50%;background:var(--_fg)}.toc-island__pill-label-clip{flex:1;overflow:hidden}.toc-island__pill-label{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-s);font-weight:500}.toc-island__pill-label.is-swapping{animation:toc-island-label-in .35s cubic-bezier(.16,1,.3,1)}@keyframes toc-island-label-in{0%{opacity:0;translate:0 15px}}.toc-island__progress{flex:none;rotate:-90deg}.toc-island__progress circle{fill:none;stroke-width:2.5}.toc-island__progress-track{stroke:color-mix(in srgb,var(--_fg) 15%,transparent)}.toc-island__progress-bar{stroke:var(--_fg);stroke-linecap:round;stroke-dasharray:67.544;stroke-dashoffset:67.544;transition:stroke-dashoffset .15s ease-out}.toc-island__menu{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;scale:1.05;pointer-events:none;transition:opacity var(--_dur) var(--_ease),scale var(--_dur) var(--_ease)}.toc-island.is-expanded .toc-island__menu{opacity:1;scale:1;pointer-events:auto;transition-delay:.1s}.toc-island__menu-head{flex:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:1.25em .75em;padding-inline:1.5em}.toc-island__menu-title{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--_muted)}.toc-island__close{display:flex;align-items:center;justify-content:center;border:0;padding:0;background:none;color:var(--_muted);cursor:pointer;transition:color var(--transition)}@media(hover:hover)and (pointer:fine){.toc-island__close:hover{color:var(--_fg)}}.toc-island__scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-inline:.75em;padding-block-end:1em;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--_fg) 25%,transparent) transparent}.toc-island__scroll::-webkit-scrollbar{inline-size:6px}.toc-island__scroll::-webkit-scrollbar-track{background:transparent}.toc-island__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--_fg) 25%,transparent);border-radius:999px}@media(hover:hover)and (pointer:fine){.toc-island__scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--_fg) 40%,transparent)}}.toc-island__list{display:flex;flex-direction:column;gap:.15em;margin:0;padding:0;list-style:none}.toc-island__list li{inline-size:100%}.toc-island__list a{display:flex;align-items:center;inline-size:100%;padding-block:.5em;padding-inline-end:.75em;padding-inline-start:calc(.75em + var(--depth, 0) * .875em);border-radius:var(--radius);font-size:var(--text-s);line-height:1.2;text-decoration:none;color:color-mix(in srgb,var(--_fg) 45%,transparent);transition:background var(--transition),color var(--transition)}.toc-island__list a span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:translate var(--transition)}@media(hover:hover)and (pointer:fine){.toc-island__list a:hover{background:color-mix(in srgb,var(--_fg) 5%,transparent);color:color-mix(in srgb,var(--_fg) 85%,transparent)}.toc-island__list a:hover span{translate:.25em 0}}.toc-island__list a[aria-current=true]{background:color-mix(in srgb,var(--_fg) 10%,transparent);color:var(--_fg);font-weight:500}.toc-island__list a[aria-current=true]:after{content:"";flex:none;margin-inline-start:.75em;inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}@media(prefers-reduced-motion:reduce){.toc-island__dock,.toc-island__backdrop,.toc-island__panel,.toc-island__pill,.toc-island__menu,.toc-island__progress-bar,.toc-island__list a,.toc-island__list a span{transition:none}.toc-island__pill-label.is-swapping{animation:none}}