.blog-toc{margin:24px 0 32px;padding:18px 22px;background:#f7f9fa;border:1px solid #e3eaee;border-radius:8px}.blog-toc__title{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#5a6975;font-weight:600;margin:0 0 12px}.blog-toc__list{list-style:none;counter-reset:toc-counter;padding:0;margin:0}.blog-toc__item{counter-increment:toc-counter;line-height:1.55;margin-bottom:6px;position:relative}.blog-toc__item--level-2{padding-left:0}.blog-toc__item--level-3{padding-left:18px;font-size:14px}.blog-toc__item--level-2:before{content:counter(toc-counter,decimal-leading-zero);display:inline-block;width:26px;color:#135370;font-weight:600;font-size:12.5px;letter-spacing:.05em}.blog-toc__link{color:#34495e;text-decoration:none;transition:color .15s ease-out}.blog-toc__link:hover,.blog-toc__link:focus-visible{color:#135370;text-decoration:underline}.blog-toc__link.is-active{color:#135370;font-weight:600}@media (min-width: 1024px){.blog-toc--sticky{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto}}@media (max-width: 640px){.blog-toc{padding:14px 16px;margin:18px 0 24px}.blog-toc__item--level-3{padding-left:14px;font-size:13.5px}}