@layer quartz-base{.toc-rail{z-index:20;background:var(--light);border-right:1px solid var(--lightgray);border-radius:0 6px 6px 0;width:14px;max-height:calc(100vh - 8rem);transition:width .2s;position:fixed;top:6rem;left:0;overflow:hidden;box-shadow:0 1px 4px #00000014}.toc-rail:hover,.toc-rail.expanded{width:min(320px,70vw);overflow-y:auto}@media (max-width:600px){.toc-rail:hover,.toc-rail.expanded{width:min(260px,80vw)}}.toc-rail-list{flex-direction:column;gap:.15rem;margin:0;padding:.5rem 0;list-style:none;display:flex}.toc-rail-item>a{white-space:nowrap;color:var(--darkgray);align-items:center;gap:.6rem;padding:.15rem .35rem;display:flex}.toc-rail-item>a:hover{color:var(--secondary)}.toc-rail-item.depth-0>a{padding-left:.35rem}.toc-rail-item.depth-1>a{padding-left:1.1rem}.toc-rail-item.depth-2>a{padding-left:1.85rem}.toc-rail-item.depth-3>a{padding-left:2.6rem}.toc-rail-item.depth-4>a{padding-left:3.35rem}.toc-rail-item.depth-5>a{padding-left:4.1rem}.toc-rail-tick{background:var(--gray);border-radius:1px;flex-shrink:0;width:8px;height:2px}.toc-rail-label{opacity:0;text-overflow:ellipsis;font-size:.85rem;transition:opacity .15s;overflow:hidden}.toc-rail:hover .toc-rail-label,.toc-rail.expanded .toc-rail-label{opacity:1}}