.c-blog-toc{--toc-breakpoint:1240px;background:transparent;margin-bottom:var(--blog-rhythm);padding:0}.c-blog-toc--inbody{margin-bottom:0}@media (min-width:1240px){.c-blog-toc{margin-bottom:0;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain}}.c-blog-toc__details{margin:0}.c-blog-toc__summary{align-items:center;cursor:pointer;display:flex;font-size:.8125rem;font-weight:700;justify-content:space-between;letter-spacing:.08em;list-style:none;padding:var(--sp-20,20px) var(--sp-24)}.c-blog-toc__summary::-webkit-details-marker{display:none}.c-blog-toc__label{color:var(--c-text)}.c-blog-toc__icon{height:8px;position:relative;width:14px}.c-blog-toc__icon:after,.c-blog-toc__icon:before{background:var(--c-text-sub);content:"";height:2px;position:absolute;top:50%;transition:transform .2s;width:8px}.c-blog-toc__icon:before{left:0;transform:rotate(45deg)}.c-blog-toc__icon:after{right:0}.c-blog-toc__details[open] .c-blog-toc__icon:before,.c-blog-toc__icon:after{transform:rotate(-45deg)}.c-blog-toc__details[open] .c-blog-toc__icon:after{transform:rotate(45deg)}.c-blog-toc__nav{border-top:1px solid var(--c-border);padding:var(--sp-16) var(--sp-24) var(--sp-24)}.c-blog-toc__list{counter-reset:blog-toc;list-style:none;margin:0;padding:0}.c-blog-toc__item{line-height:1.5;padding:6px 0}.c-blog-toc__item--h2{counter-increment:blog-toc}.c-blog-toc__subwrap{max-height:0;overflow:hidden;transition:max-height .22s ease}.c-blog-toc__item--h2.is-open>.c-blog-toc__subwrap{max-height:var(--sub-h,60em)}.c-blog-toc__sub{list-style:none;margin:0;padding:4px 0 0}@media (prefers-reduced-motion:reduce){.c-blog-toc__subwrap{transition:none}}.c-blog-toc__item--h2>.c-blog-toc__link:before{color:var(--c-text-muted);content:counter(blog-toc,decimal-leading-zero);display:inline-block;font-size:.6875rem;font-variant-numeric:tabular-nums;letter-spacing:.06em;margin-right:10px;min-width:22px}.c-blog-toc__item--h3{padding-left:var(--sp-24)}.c-blog-toc__item--h3>.c-blog-toc__link:before{color:var(--c-text-muted);content:"—";margin-right:6px}.c-blog-toc__link{color:var(--c-text-sub);display:inline-flex;font-size:.8125rem;text-decoration:none;transition:color .2s}.c-blog-toc__link:hover{color:var(--c-text)}.c-blog-toc__item.is-active>.c-blog-toc__link{color:var(--c-text);font-weight:700}