:root{--article-outline-right: 1rem;--article-outline-width: 18rem}.article-outline-shell{position:fixed;top:var(--article-outline-top, 6rem);right:var(--article-outline-right);z-index:30}.article-outline-panel{width:var(--article-outline-width);border:1px solid var(--color-border);border-radius:.75rem;background:color-mix(in oklab,var(--color-background) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 30px #0003;transition:width .18s ease,border-radius .18s ease;overflow:hidden}.article-outline__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .75rem;font-size:1rem;font-weight:600;color:color-mix(in oklab,var(--color-foreground) 90%,transparent);border-bottom:1px solid color-mix(in oklab,var(--color-border) 80%,transparent)}.article-outline__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:max-width .18s ease,opacity .18s ease,transform .18s ease;max-width:14rem}.article-outline__panel-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.6rem;color:color-mix(in oklab,var(--color-foreground) 70%,transparent);transition:color .15s ease,background-color .15s ease}.article-outline__panel-toggle:hover,.article-outline__panel-toggle:focus-visible{background:color-mix(in oklab,var(--color-muted) 35%,transparent);color:var(--color-accent)}.article-outline__panel-toggle-icon{width:1.25rem;height:1.25rem}.article-outline__nav{max-height:calc(100vh - 10rem);overflow:auto;padding:.6rem .75rem .75rem;font-size:1rem;opacity:1;visibility:visible;transition:opacity .18s ease,visibility 0s linear 0s,padding .18s ease,max-height .18s ease}.article-outline__list{display:grid;gap:.25rem;list-style:none;padding:0;margin:0}.article-outline__children{display:grid;margin-inline-start:.85rem;margin-top:.25rem;padding-inline-start:.25rem;border-inline-start:1px solid color-mix(in oklab,var(--color-border) 70%,transparent);grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .2s ease,opacity .2s ease,visibility 0s linear 0s}.article-outline__children[data-collapsed=true]{grid-template-rows:0fr;opacity:0;pointer-events:none;visibility:hidden;transition:grid-template-rows .2s ease,opacity .2s ease,visibility 0s linear .2s}.article-outline__children-inner{overflow:hidden}.article-outline__row{display:grid;grid-template-columns:1rem minmax(0,1fr);align-items:center;gap:.25rem}.article-outline__toggle{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:.25rem;color:color-mix(in oklab,var(--color-foreground) 70%,transparent);transition:transform .15s ease,color .15s ease,background-color .15s ease}.article-outline__toggle:hover,.article-outline__toggle:focus-visible{background:color-mix(in oklab,var(--color-muted) 35%,transparent);color:var(--color-accent)}.article-outline__toggle[aria-expanded=false]{transform:rotate(-90deg)}.article-outline__spacer{width:1rem;height:1rem}.article-outline__link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in oklab,var(--color-foreground) 80%,transparent)}.article-outline__link:hover,.article-outline__link:focus-visible{color:var(--color-accent)}.article-outline__link--active{color:var(--color-accent);font-weight:600}.article-outline-shell[data-collapsed=true] .article-outline-panel{width:3rem;border-radius:.9rem}.article-outline-shell[data-collapsed=true] .article-outline__title{max-width:0;opacity:0;transform:translate3d(-6px,0,0);pointer-events:none}.article-outline-shell[data-collapsed=true] .article-outline__nav{max-height:0;padding:0;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s,padding .18s ease,max-height .18s ease}.article-outline-shell[data-collapsed=true] .article-outline__header{padding:.35rem;border-bottom:0;gap:0}@media (max-width: 1023.98px){:root{--article-outline-right: .75rem;--article-outline-width: min(20rem, calc(100vw - 1.5rem) )}.article-outline-shell{right:var(--article-outline-right)}.article-outline-panel{transform-origin:bottom right}.article-outline__nav{max-height:min(60vh,26rem)}}@media (prefers-reduced-motion: reduce){.article-outline__toggle,.article-outline__children,.article-outline__children[data-collapsed=true],.article-outline__panel-toggle,.article-outline__nav,.article-outline__title,.article-outline-panel{transition:none}}