.blog .sidebar.sticky{top:2rem}@media (max-height:600px){.blog .sidebar.sticky{max-height:calc(100vh - 4rem);overflow-y:auto}}.blog-post-sidebar .toc,.blog-post-sidebar__card{background-color:var(--white);border-radius:40px;box-shadow:var(--shadow-1)}.blog-post-sidebar .toc{padding:1.25rem}.blog-post-sidebar .toc h3{color:var(--text-dark);font-size:22px;font-weight:600;letter-spacing:-.5px;line-height:1.2;margin-bottom:.5rem}.blog-post-sidebar .toc ul{gap:.5rem}.blog-post-sidebar .toc a{color:var(--indigo-950);font-size:18px;font-weight:500;letter-spacing:-.5px;line-height:1.2;margin-bottom:.5rem}.blog-post-sidebar .toc a:hover{color:var(--neutral-600)}.blog-post-sidebar .toc a.active{background-color:var(--brand-200);color:var(--indigo-950);font-weight:600;position:relative}.blog-post-sidebar .toc ol li{margin-bottom:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin-bottom .3s ease}.blog-post-sidebar .toc ol li.toc-item--in-view{margin-bottom:1rem;max-height:2.5em;opacity:1}.blog-post-sidebar .toc:focus-within ol li,.blog-post-sidebar .toc:hover ol li{margin-bottom:1rem;max-height:2.5em;opacity:1}.blog-post-sidebar .toc__hint{align-items:center;color:var(--neutral-600);cursor:default;display:flex;font-size:var(--font-size-00);gap:.35rem;transition:opacity .3s ease}.blog-post-sidebar .toc__hint:after{border-bottom:1.5px solid var(--neutral-600);border-right:1.5px solid var(--neutral-600);content:"";display:inline-block;height:8px;margin-bottom:3px;transform:rotate(45deg);width:8px}.blog-post-sidebar .toc:focus-within .toc__hint,.blog-post-sidebar .toc:hover .toc__hint{opacity:0}.blog-post-sidebar .toc ol li a{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}