.ditoc__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;background:color-mix(in srgb,var(--light-grey-900) 22%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;border:none;padding:0}[data-theme=dark] .ditoc__backdrop{background:color-mix(in srgb,var(--light-grey-900) 45%,transparent)}.ditoc__shell{position:fixed;z-index:8001;left:50%;bottom:var(--space-24);translate:-50% 0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.ditoc__shell--center-right{left:auto;right:var(--space-24);bottom:auto;top:50%;translate:0 -50%}@media (max-width: 1023px){.ditoc__shell--center-right{left:50%;right:auto;top:auto;bottom:var(--space-24);translate:-50% 0}}.ditoc__shell.ditoc__shell--right-column-bottom-center{position:absolute;left:50%;right:auto;bottom:var(--space-24);top:auto;translate:-50% 0}@media (max-width: 767px){.ditoc__shell.ditoc__shell--right-column-bottom-center{position:fixed}}.ditoc__island{position:relative;overflow:hidden;box-sizing:border-box;background:var(--bg-surface-default);color:var(--text-default);border:1px solid var(--border-subtle-alpha);box-shadow:var(--shadow-2xl)}.ditoc__pill{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:var(--space-16);padding:0 var(--space-16);box-sizing:border-box}@media (min-width: 768px){.ditoc__pill{padding:0 var(--space-24)}}.ditoc__dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--text-default)}.ditoc__pill{background:transparent;border:none;text-align:left;font:inherit;color:inherit}.ditoc__pill:focus-visible{outline:none}.ditoc__island:has(.ditoc__pill:focus-visible){outline:2px solid var(--border-focus);outline-offset:3px}.ditoc__progress-svg{display:block;flex-shrink:0}.ditoc__progress-svg circle:last-child{stroke:var(--border-toc)}.ditoc__active-label{flex:1;min-width:0;display:flex;align-items:center;height:100%;text-align:left;font-size:var(--font-size-200);font-weight:var(--font-weight-medium);color:var(--text-default)}.ditoc__active-label-text{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ditoc__sheet{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;box-sizing:border-box}.ditoc__sheet-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-24) var(--space-24) var(--space-12)}.ditoc__sheet-title{font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.ditoc__close{display:inline-flex;align-items:center;justify-content:center;width:var(--size-component-small);height:var(--size-component-small);padding:0;border:none;border-radius:var(--corner-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.ditoc__close:hover{background:var(--bg-neutral-hover);color:var(--text-default)}.ditoc__list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-12) var(--space-16);scrollbar-width:thin;scrollbar-color:var(--border-subtle) var(--bg-surface-default)}.ditoc__list::-webkit-scrollbar{width:6px}.ditoc__list::-webkit-scrollbar-track{background:var(--bg-surface-default);border-radius:999px}.ditoc__list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:999px}.ditoc__list::-webkit-scrollbar-thumb:hover{background:var(--border-subtler)}.ditoc__list-inner{display:flex;flex-direction:column;gap:2px}.ditoc__row{display:flex;width:100%;flex-shrink:0;align-items:center;padding:var(--space-8) var(--space-12) var(--space-8) 0;margin:0;border:none;border-radius:var(--corner-md);background:transparent;color:color-mix(in srgb,var(--text-default) 45%,transparent);font-family:var(--font-body),system-ui,sans-serif;font-size:var(--font-size-200);line-height:var(--line-height-xs);text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}.ditoc__row:hover{background:color-mix(in srgb,var(--text-default) 6%,transparent);color:color-mix(in srgb,var(--text-default) 85%,transparent)}.ditoc__row--active{background:color-mix(in srgb,var(--text-default) 10%,transparent);color:var(--text-default);font-weight:var(--font-weight-medium)}.ditoc__row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:transform .2s ease}.ditoc__row:hover .ditoc__row-label{transform:translate(4px)}.ditoc__row-dot{width:6px;height:6px;flex-shrink:0;margin-left:var(--space-12);border-radius:50%;background:var(--text-default)}