.document-toc{position:sticky;isolation:isolate;gap:4px;padding:0;top:24px}
.document-toc a{position:relative;z-index:1;display:block;padding:10px 14px;font-family:var(--interface-font);font-size:14px;line-height:1.6;border-radius:8px;transition:color 320ms ease,background-color 320ms ease}
.document-toc a:hover{background:#ffffff05}
.document-toc a[aria-current=location]{color:var(--action)}
.section-nav-indicator{position:absolute;top:0;left:0;z-index:0;pointer-events:none;border:1px solid #67e8d624;border-radius:8px;background:#67e8d610;box-shadow:inset 3px 0 #67e8d68c;opacity:0;transition:transform 420ms cubic-bezier(.22,1,.36,1),height 420ms cubic-bezier(.22,1,.36,1),width 420ms cubic-bezier(.22,1,.36,1),opacity 250ms ease}
.section-nav-indicator[data-ready=true]{opacity:1}
.footer-nav a[aria-current]{color:var(--action);text-decoration:underline;text-decoration-color:#67e8d650;text-underline-offset:6px;text-decoration-thickness:1px}
.footer-nav a{transition:color 320ms ease,text-decoration-color 320ms ease}
.document-toc a:focus-visible{outline:2px solid var(--action);outline-offset:2px}
.document-body section:focus{outline:none}
@media(max-width:720px){
 .document-toc{position:sticky;top:8px;z-index:5;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:4px;max-width:100%;border:1px solid #c0addb24;border-radius:10px;background:#201f29f5;backdrop-filter:blur(16px);scrollbar-width:thin;scroll-padding-inline:12px}
 .document-toc a{flex:none;font-size:14px;white-space:nowrap;padding:9px 12px}
 .document-body section{scroll-margin-top:88px}
}
@media(prefers-reduced-motion:reduce){.section-nav-indicator,.document-toc a,.footer-nav a{transition:none!important}}