.c-blog-toc{--toc-breakpoint:1240px;background:var(--c-bg);border-top:1px solid var(--c-border);bottom:0;box-shadow:0 -4px 16px rgba(0,0,0,.12);left:0;margin-bottom:0;max-height:70vh;opacity:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-16);position:fixed;right:0;transform:translateY(16px);transition:transform .2s ease,opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:95}.c-blog-toc[hidden]{display:none}.c-blog-toc.is-open{opacity:1;transform:translateY(0);visibility:visible}@media (prefers-reduced-motion:reduce){.c-blog-toc{transition:none}}.c-blog-toc__sheet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--sp-8)}.c-blog-toc__close{background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;min-height:44px;min-width:44px}.c-blog-toc-fab{align-items:center;background:var(--c-accent);border:none;border-radius:50%;bottom:var(--sp-16);box-shadow:0 4px 12px rgba(0,0,0,.2);color:var(--c-text);cursor:pointer;display:flex;height:56px;justify-content:center;padding:0;position:fixed;right:var(--sp-16);width:56px;z-index:90}.c-blog-toc-fab[hidden]{display:none}.c-blog-toc-fab__icon{pointer-events:none}.c-blog-toc__details{margin:0}.c-blog-toc__summary{align-items:center;cursor:pointer;display:none;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}@media (min-width:1240px){.c-blog-toc{background:transparent;border-top:none;box-shadow:none;max-height:calc(100vh - 120px);opacity:1;padding:0;position:static;transform:none;transition:none;visibility:visible;z-index:auto}.c-blog-toc__summary{display:flex}.c-blog-toc-fab,.c-blog-toc__sheet-header{display:none}}