.atoc-progress{z-index:90;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.atoc-progress-bar{background:var(--gradient-cool);height:100%;transition:width .1s linear}@media (prefers-reduced-motion:reduce){.atoc-progress-bar{transition:none}}.atoc-mobile{margin-bottom:var(--space-7);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.atoc-mobile summary{padding:var(--space-4);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);justify-content:space-between;align-items:center;list-style:none;display:flex}.atoc-mobile summary::-webkit-details-marker{display:none}.atoc-mobile-toggle{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--violet)}.atoc-mobile .atoc-list{padding:0 var(--space-4) var(--space-4)}.atoc-side{display:none}@media (min-width:1200px){.atoc-mobile{display:none}.atoc-side{top:calc(var(--nav-offset) + var(--space-6));right:max(var(--space-6), calc((100vw - var(--measure-article)) / 2 - 17rem));width:15rem;max-height:70vh;display:block;position:fixed;overflow-y:auto}}.atoc-side-label{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--text-faint)}.atoc-list{gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;margin:0;list-style:none;display:flex}.atoc-side-list{padding-left:var(--space-4);border-left:1px solid var(--border)}.atoc-link{line-height:var(--leading-body);color:var(--text-muted);transition:color var(--duration-fast) var(--ease);text-decoration:none;display:block}.atoc-link:hover{color:var(--link)}.atoc-link[data-active=true]{color:var(--text);font-weight:var(--weight-medium)}.atoc-side-list .atoc-link[data-active=true]{margin-left:calc(-1 * var(--space-4) - 1px);padding-left:var(--space-4);border-left:2px solid var(--violet)}