@layer components{.page-toc-title{font-family:var(--font-ui);font-size:var(--text-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-subtle);margin-bottom:.75rem;font-weight:700}.page-toc-progress{background:var(--color-hairline);border-radius:2px;height:2px;margin-bottom:.75rem;position:relative;overflow:hidden}.page-toc-progress>span{transform-origin:0;background:var(--color-brand);position:absolute;inset:0}.page-toc-list{gap:.125rem;display:grid}.page-toc-list--panel,.page-toc-list--sheet{border-left:1px solid var(--color-hairline)}.page-toc-link{font-size:var(--text-small);color:var(--color-ink-muted);border-left:2px solid #0000;align-items:center;gap:.75rem;margin-left:-1px;padding:.3rem 0 .3rem 1rem;line-height:1.35;display:flex}.page-toc-link:hover{color:var(--color-heading)}.page-toc-link[aria-current=location]{border-left-color:var(--color-brand);color:var(--color-heading);font-weight:600}.page-toc-tick{display:none}.page-toc-list--sheet .page-toc-link{padding-block:.6rem;font-size:1rem}.page-toc-rail{z-index:30;border-radius:var(--radius-lg);border:1px solid #0000;max-height:min(70vh,36rem);padding:.75rem .5rem .75rem .75rem;position:fixed;top:50%;right:1rem;transform:translateY(-50%)}.page-toc-rail .page-toc-title{display:none}.page-toc-rail-track{background:var(--color-hairline);width:1px;position:absolute;top:.75rem;bottom:.75rem;right:.5rem}.page-toc-rail-track>span{transform-origin:top;background:var(--color-brand);position:absolute;inset:0}.page-toc-list--rail{max-height:calc(min(70vh,36rem) - 1.5rem);overflow-y:auto}.page-toc-list--rail .page-toc-link{border:0;justify-content:flex-end;gap:.75rem;margin:0;padding:.35rem .75rem .35rem 0}.page-toc-list--rail .page-toc-tick{background:var(--color-hairline-strong);border-radius:2px;flex:none;order:2;width:.75rem;height:2px;display:block}.page-toc-list--rail .page-toc-link[aria-current=location] .page-toc-tick{background:var(--color-brand);width:1.25rem}.page-toc-list--rail .page-toc-text{white-space:nowrap;text-overflow:ellipsis;opacity:0;max-width:0;overflow:hidden}.page-toc-rail:hover,.page-toc-rail:focus-within{border-color:var(--color-hairline);background:color-mix(in srgb, var(--color-surface) 94%, transparent);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-toc-rail:hover .page-toc-title,.page-toc-rail:focus-within .page-toc-title{text-align:right;padding-right:2rem;display:block}.page-toc-rail:hover .page-toc-text,.page-toc-rail:focus-within .page-toc-text{opacity:1;max-width:15rem}.page-toc-fab[hidden]{display:none}.page-toc-fab{z-index:40;width:2.75rem;height:2.75rem;color:var(--color-heading);background:var(--color-surface);box-shadow:var(--shadow-2);border-radius:999px;place-items:center;display:grid;position:fixed;bottom:1.5rem;right:1.5rem}.page-toc-fab:hover{color:var(--color-brand-text)}.page-toc-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.page-toc-ring circle{fill:none;stroke-width:2px}.page-toc-ring circle:first-child{stroke:var(--color-hairline-strong)}.page-toc-ring circle:last-child{stroke:var(--color-brand);stroke-dasharray:100;stroke-linecap:round}.page-toc-sheet{width:100%;max-width:32rem;max-height:80vh;color:var(--color-ink);background:0 0;border:0;margin:auto auto 0;padding:0}.page-toc-sheet::backdrop{background:#040c1673}.page-toc-sheet-panel{overscroll-behavior:contain;max-height:80vh;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));border:1px solid var(--color-hairline);border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--color-surface-raised);box-shadow:var(--shadow-2);border-bottom:0;overflow-y:auto}.page-toc-sheet-panel .page-toc-progress{margin-block:1rem}.page-toc-close{width:2.5rem;height:2.5rem;color:var(--color-ink-muted);border-radius:999px;place-items:center;display:grid}.page-toc-close:hover{color:var(--color-heading);background:var(--color-surface-muted)}}@media (prefers-reduced-motion:no-preference){html:not([data-a11y-motion=pause]) .page-toc-progress>span,html:not([data-a11y-motion=pause]) .page-toc-rail-track>span{transition:transform .12s linear}html:not([data-a11y-motion=pause]) .page-toc-ring circle:last-child{transition:stroke-dashoffset .12s linear}html:not([data-a11y-motion=pause]) .page-toc-link{transition:color .15s,border-color .15s}html:not([data-a11y-motion=pause]) .page-toc-tick{transition:width .2s,background-color .2s}html:not([data-a11y-motion=pause]) .page-toc-rail{transition:background-color .2s,border-color .2s,box-shadow .2s}html:not([data-a11y-motion=pause]) .page-toc-text{transition:max-width .24s,opacity .2s}html:not([data-a11y-motion=pause]) .page-toc-sheet[open] .page-toc-sheet-panel{animation:.22s cubic-bezier(.2,.7,.2,1) page-toc-up}html:not([data-a11y-motion=pause]) .page-toc-sheet[open]::backdrop{animation:.18s ease-out fade-in}}@keyframes page-toc-up{0%{transform:translateY(100%)}to{transform:none}}html[data-page-toc] .back-to-top{right:4.75rem}