.developersBlog-blog-toc{margin-top:1rem;padding:1.5rem;display:flex;align-items:center;gap:2rem}.developersBlog-blog-toc-header{margin:0;font-size:1.25rem;font-weight:600;flex-shrink:0;font-family:var(--cl-font-family-heading);color:var(--cl-color-text-on-color-01)}.developersBlog-blog-toc-swiper-container{position:relative;display:flex;align-items:center;gap:.5rem;max-width:80vw}.developersBlog-blog-toc-nav-button{flex-shrink:0;width:2rem;height:2rem;padding:0;border:1px solid var(--cl-color-border-01, #e0e0e0);background:var(--cl-color-background-01, #ffffff);color:var(--cl-color-text-01, #333);transition:opacity .2s ease,background-color .2s ease;opacity:1;cursor:pointer}.developersBlog-blog-toc-nav-button:hover:not(:disabled){background:var(--cl-color-background-hover-01, #f5f5f5);border-color:var(--cl-color-border-hover-01, #ccc)}.developersBlog-blog-toc-nav-button:disabled{opacity:.3;cursor:not-allowed}.developersBlog-blog-toc-nav-button svg{display:block}.developersBlog-blog-toc-scroll-viewport{position:relative;flex:1;width:100%}.developersBlog-blog-toc-scroll-viewport:before{content:"";position:absolute;left:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,var(--dark-theme-background-accent-02) 0%,transparent 100%);pointer-events:none;z-index:1}.developersBlog-blog-toc-scroll-viewport:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to left,var(--dark-theme-background-accent-02) 0%,transparent 100%);pointer-events:none;z-index:1}.developersBlog-blog-toc-scroll-viewport>div:first-child{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.developersBlog-blog-toc-scroll-viewport>div:first-child::-webkit-scrollbar{display:none}.developersBlog-blog-toc-items-container{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1.75rem;width:max-content}.developersBlog-blog-toc-item{display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;color:#f8f5ee;font-size:.95rem;transition:color .2s ease;padding:.25rem 0}.developersBlog-blog-toc-item:hover{color:var(--cl-color-border-brand-01);text-decoration:underline}.developersBlog-blog-toc-item:focus{outline:2px solid var(--cl-color-focus-01, #0066cc);outline-offset:2px;border-radius:2px}.developersBlog-blog-toc-fallback{position:relative;display:flex;align-items:center;gap:1.5rem;overflow-x:auto;padding:.5rem 0;scroll-behavior:smooth;flex:1;scrollbar-width:none;-ms-overflow-style:none}.developersBlog-blog-toc-fallback::-webkit-scrollbar{display:none}.developersBlog-blog-toc-fallback:before{content:"";position:absolute;left:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,var(--dark-theme-background-accent-02) 0%,transparent 100%);pointer-events:none;z-index:1}.developersBlog-blog-toc-fallback:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to left,var(--dark-theme-background-accent-02) 0%,transparent 100%);pointer-events:none;z-index:1}.developersBlog-blog-toc-fallback .developersBlog-blog-toc-item{flex-shrink:0}.toc-level-1,.toc-level-2,.toc-level-3,.toc-level-4,.toc-level-5,.toc-level-6{padding-left:0}@media (prefers-reduced-motion: reduce){.developersBlog-blog-toc-nav-button,.developersBlog-blog-toc-item{transition:none}.developersBlog-blog-toc-scroll-viewport,.developersBlog-blog-toc-fallback{scroll-behavior:auto}}@media (max-width: 1250px) and (min-width: 769px){.developersBlog-blog-toc{padding:1rem 1.5rem;gap:1rem}.developersBlog-blog-toc-header{font-size:1.1rem;max-width:150px}.developersBlog-blog-toc-swiper-container{max-width:calc(100vw - 250px)}.developersBlog-blog-toc-items-container{gap:1.25rem}.developersBlog-blog-toc-item{font-size:.9rem}}@media (max-width: 768px){.developersBlog-blog-toc{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.developersBlog-blog-toc-header{font-size:1.1rem;align-self:center}.developersBlog-blog-toc-swiper-container{width:100%;max-width:calc(100vw - 110px)}.developersBlog-blog-toc-items-container{gap:1rem}.developersBlog-blog-toc-item{font-size:.9rem}}