.blog-toc{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.blog-toc__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.blog-toc__title{color:#384451;font-family:var(--secondary-custom-font),sans-serif;font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.blog-toc__toggle{align-items:center;background:transparent!important;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:none;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.blog-toc__toggle:hover{background:#e5e7eb;color:#384451}.blog-toc__toggle-icon{transition:transform .3s ease}.blog-toc__toggle[aria-expanded=true] .blog-toc__toggle-icon{transform:rotate(180deg)}.blog-toc__content{transition:max-height .3s ease,opacity .3s ease}.blog-toc__list{list-style:none}.blog-toc__item,.blog-toc__list{margin:0;padding:0}.blog-toc__link{border-left:2px solid transparent;color:#6b7280;display:block;font-size:.9375rem;line-height:1.4;margin-left:-.75rem;padding:.5rem 0 .5rem .75rem;text-decoration:none;transition:all .2s ease}.blog-toc__link:hover{border-left-color:#e5e7eb;color:#384451}.blog-toc__link.active{border-left-color:#f77747;color:#f77747;font-weight:600}.blog-toc__item--h3 .blog-toc__link{font-size:.875rem;padding-left:1.5rem}@media (max-width:1023px){.blog-toc{margin-bottom:2rem;max-height:none;position:relative;top:0}.blog-toc__toggle{display:flex}.blog-toc__content{overflow:hidden}.blog-toc__content.collapsed{max-height:0;opacity:0}.blog-toc__content.expanded{max-height:500px;opacity:1}}