.tob-blog-post-toc{background-color:var(--tob-color-surface);border:1px solid var(--tob-color-border);border-radius:32px;box-shadow:0 10px 40px 0 #1212121a;box-sizing:border-box;padding:50px 34px;width:100%}.tob-blog-post-toc__title{color:var(--tob-color-content-muted);letter-spacing:.1em;margin:0 0 16px;text-transform:uppercase}.tob-blog-post-toc__list{list-style:none;margin:0;max-height:450px;overflow-y:auto;padding:0 10px 0 0}.tob-blog-post-toc__list::-webkit-scrollbar{width:6px}.tob-blog-post-toc__list::-webkit-scrollbar-track{background:transparent;border-radius:10px}.tob-blog-post-toc__list::-webkit-scrollbar-thumb{background:var(--tob-color-border);border-radius:10px}.tob-blog-post-toc__list::-webkit-scrollbar-thumb:hover{background:var(--tob-color-border-strong)}.tob-blog-post-toc__item{margin-bottom:16px}.tob-blog-post-toc__item:last-child{margin-bottom:0}.tob-blog-post-toc__link{align-items:flex-start;color:var(--tob-color-content-muted);display:flex;font-weight:400;text-decoration:none;transition:color .15s ease}.tob-blog-post-toc__item--active .tob-blog-post-toc__link,.tob-blog-post-toc__link:hover{color:var(--tob-color-action-secondary)}.tob-blog-post-toc__indicator{align-items:center;color:var(--tob-color-neutral-gray);display:inline-flex;flex-shrink:0;margin-right:12px;margin-top:.3em}.tob-blog-post-toc__indicator svg{display:block;height:8px;width:8px}.tob-blog-post-toc__anchor{display:block;position:relative;top:-100px;visibility:hidden}.tob-blog-post-toc--pillar{background-color:var(--tob-color-surface);border:0;border-bottom:1px solid var(--tob-color-border);border-radius:0;box-shadow:0 8px 24px hsla(0,0%,7%,.06);padding:0;position:sticky;top:0;z-index:30}.tob-blog-post-toc__pillar-inner{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);padding-bottom:24px;padding-top:24px}.tob-blog-post-toc__pillar-picker-wrap{position:relative}.tob-blog-post-toc__pillar-picker{align-items:center;background-color:var(--tob-color-surface);border:1px solid var(--tob-color-border);border-radius:12px;color:var(--tob-color-content-muted);cursor:pointer;display:flex;font-size:.6875rem;justify-content:space-between;letter-spacing:.1em;min-height:54px;padding:0 18px;text-align:left;text-transform:uppercase;width:100%}.tob-blog-post-toc__pillar-picker svg{color:var(--tob-color-content);flex:0 0 auto;transition:transform .16s ease}.tob-blog-post-toc__pillar-picker[aria-expanded=true] svg{transform:rotate(180deg)}.tob-blog-post-toc__pillar-link:focus-visible,.tob-blog-post-toc__pillar-picker:focus-visible{outline:2px solid var(--tob-color-action);outline-offset:3px}.tob-blog-post-toc__pillar-dropdown{background-color:var(--tob-color-surface);border:1px solid var(--tob-color-border);border-radius:14px;box-shadow:var(--tob-shadow-secondary);left:0;max-height:min(60vh,420px);overflow-y:auto;padding:10px;position:absolute;top:calc(100% + 8px);width:min(440px,calc(100vw - 40px));z-index:2}.tob-blog-post-toc__pillar-dropdown[hidden]{display:none}.tob-blog-post-toc__pillar-list{list-style:none;margin:0;padding:0}.tob-blog-post-toc__pillar-item+.tob-blog-post-toc__pillar-item{border-top:1px solid var(--tob-color-border)}.tob-blog-post-toc__pillar-link{border-radius:8px;color:var(--tob-color-content);display:grid;gap:4px;padding:12px;text-decoration:none}.tob-blog-post-toc__pillar-link--active,.tob-blog-post-toc__pillar-link:hover{background-color:var(--tob-color-surface-muted)}.tob-blog-post-toc__pillar-link-number{color:var(--tob-color-action-secondary);font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tob-blog-post-toc__pillar-link-title{font-size:.875rem;font-weight:600}.tob-blog-post-toc__pillar-section-list{border-left:1px solid var(--tob-color-border);list-style:none;margin:0 0 10px 23px;padding:0 0 0 10px}.tob-blog-post-toc__pillar-section-link{border-radius:6px;color:var(--tob-color-content-muted);display:block;font-size:.8125rem;line-height:1.35;padding:7px 10px;text-decoration:none}.tob-blog-post-toc__pillar-section-link:hover{background-color:var(--tob-color-surface-muted);color:var(--tob-color-action-secondary)}.tob-blog-post-toc__pillar-progress{min-width:0}.tob-blog-post-toc__pillar-current{align-items:baseline;color:var(--tob-color-action-secondary);display:flex;flex-wrap:wrap;font-size:.625rem;font-weight:700;gap:0 6px;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.tob-blog-post-toc__pillar-current-label{color:var(--tob-color-content-muted)}.tob-blog-post-toc__pillar-track{background-color:var(--tob-color-border);border-radius:999px;height:4px;overflow:hidden;width:100%}.tob-blog-post-toc__pillar-fill{background-color:var(--tob-color-action);border-radius:inherit;display:block;height:100%;transition:width .18s ease-out;width:0}@media (max-width:767px){.tob-blog-post-toc__pillar-inner{gap:12px;grid-template-columns:minmax(0,1fr);padding-bottom:14px;padding-top:14px}.tob-blog-post-toc__pillar-picker{min-height:46px}.tob-blog-post-toc__pillar-current{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){.tob-blog-post-toc__pillar-fill,.tob-blog-post-toc__pillar-picker svg{transition:none}}