.blog-toc{background:#f7f9fa;border:1px solid #e3eaee;border-radius:8px;margin:24px 0 32px;padding:18px 22px}.blog-toc__title{letter-spacing:.18em;text-transform:uppercase;color:#5a6975;margin:0 0 12px;font-size:12px;font-weight:600}.blog-toc__list{counter-reset:toc-counter;margin:0;padding:0;list-style:none}.blog-toc__item{counter-increment:toc-counter;margin-bottom:6px;line-height:1.55;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);color:#135370;letter-spacing:.05em;width:26px;font-size:12.5px;font-weight:600;display:inline-block}.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 (width>=1024px){.blog-toc--sticky{max-height:calc(100vh - 120px);position:sticky;top:96px;overflow-y:auto}}@media (width<=640px){.blog-toc{margin:18px 0 24px;padding:14px 16px}.blog-toc__item--level-3{padding-left:14px;font-size:13.5px}}