.blog-toc{background:#232524;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.07);padding:10px}details summary svg{transform:rotate(0);transition:transform .15s ease;vertical-align:middle}details>summary{list-style:none}details[open]>summary svg{transform:rotate(90deg)}.toc-heading{scroll-padding-top:100px}.blog-toc{align-self:start;position:sticky;top:10rem;transition:top .25s ease-in-out;transition-delay:0ms}[data-header-scroll=false] .blog-toc{position:sticky;top:9rem;transition-delay:.3s}.section-nav{padding-left:0}.section-nav a{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--body-color);display:block;display:-webkit-box;font-size:.75rem;font-weight:700;margin-bottom:1rem;overflow:hidden;padding:.125rem 0 .125rem 15px;position:relative;text-decoration:none;text-overflow:ellipsis;transition:all .1s ease-in-out}.section-nav .active a,.section-nav a:focus,.section-nav a:hover{color:var(--primary)}.section-nav a svg{left:0;position:absolute;top:5px}.section-nav .active svg path,.section-nav a:focus svg path,.section-nav a:hover svg path{fill:var(--primary)}.toc-title{border-bottom:2px solid hsla(0,0%,100%,.3);font-size:16px;font-style:normal;font-weight:900;letter-spacing:.1em;line-height:20px;padding-bottom:.5rem;text-transform:uppercase}