.CDX7BlogTOC--viewport{--toc-accent:var(--cdx7-blue-horizon-500);--toc-link-hover:var(--colour-green);--toc-text:var(--cdx7-coolgray-900,#16171a);--toc-text-muted:var(--cdx7-coolgray-600,#575e66);--toc-bg:#fff;--toc-border:var(--cdx7-coolgray-100,#e2e3e6);--toc-radius:var(--border-radius);--toc-font:inherit}.CDX7BlogTOC--theme-dark.CDX7BlogTOC--viewport{--toc-bg:var(--cdx7-blue-horizon-800,#00305c);--toc-text:#fff;--toc-text-muted:var(--cdx7-coolgray-300,#a7acb3);--toc-border:var(--cdx7-coolgray-700,#41464d)}.CDX7BlogTOC--viewport{margin-bottom:2rem;max-height:calc(80dvh - 110px);overflow-y:auto;scrollbar-color:var(--toc-border) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.CDX7BlogTOC--viewport::-webkit-scrollbar{width:4px}.CDX7BlogTOC--viewport::-webkit-scrollbar-thumb{background:var(--toc-border);border-radius:2px}.CDX7BlogTOC--container{background:var(--toc-bg);border:1px solid var(--toc-border);border-radius:var(--toc-radius);color:var(--toc-text);font-family:var(--toc-font);font-size:.875rem;padding:1rem 0;transition:border-color .2s ease}.CDX7BlogTOC__header{align-items:center;border-bottom:1px solid var(--toc-border);display:flex;justify-content:space-between;margin-bottom:.5rem;padding:0 1rem .75rem}.CDX7BlogTOC__title{color:var(--toc-text);font-size:1rem;font-weight:700;letter-spacing:var(--tracking-h6);margin:0}.CDX7BlogTOC__toggle{background:none;border:none;border-radius:.25rem;color:var(--toc-accent);cursor:pointer;display:none;line-height:0;padding:.25rem;transition:background .15s ease}.CDX7BlogTOC__toggle:hover{background:var(--toc-border)}.CDX7BlogTOC__toggle-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23006cb7' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:20px 20px;display:block;height:20px;transform:rotate(0deg);transition:transform .25s ease;width:20px}.CDX7BlogTOC__toggle--collapsed .CDX7BlogTOC__toggle-icon{transform:rotate(180deg)}.CDX7BlogTOC__list{list-style:none;margin:0!important;max-height:2000px;opacity:1;overflow:hidden;padding:0;transition:max-height .3s ease,opacity .25s ease}.CDX7BlogTOC__list--collapsed{max-height:0!important;opacity:0}.CDX7BlogTOC__item{margin:0}.CDX7BlogTOC__link{align-items:flex-start;color:var(--toc-text-muted);display:flex;gap:.5rem;line-height:1.4;padding:.35rem 1rem;text-decoration:none;transition:color .15s ease;word-break:break-word}.CDX7BlogTOC__item--h2>.CDX7BlogTOC__link.CDX7BlogTOC__link--active,.CDX7BlogTOC__item--h2>.CDX7BlogTOC__link:hover,.CDX7BlogTOC__item--h3>.CDX7BlogTOC__link.CDX7BlogTOC__link--active,.CDX7BlogTOC__item--h3>.CDX7BlogTOC__link:hover,.CDX7BlogTOC__link.CDX7BlogTOC__link--active,.CDX7BlogTOC__link:hover{color:var(--toc-link-hover)}.CDX7BlogTOC__item--h2>.CDX7BlogTOC__link{align-items:flex-start;color:var(--toc-text);font-size:.875rem;font-weight:700}.CDX7BlogTOC__item--h2>.CDX7BlogTOC__link:before{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2335b863' viewBox='0 0 20 20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath d='M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8M8 13.5v-7l5.5 3.5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:20px;border-radius:50%;content:"";display:block;flex-shrink:0;height:16px;margin-top:.1rem;min-width:16px;width:16px}.CDX7BlogTOC__item--h2+.CDX7BlogTOC__item--h2,.CDX7BlogTOC__item--h3+.CDX7BlogTOC__item--h2{margin-top:.25rem}.CDX7BlogTOC__item--h2+.CDX7BlogTOC__item--h2:before,.CDX7BlogTOC__item--h3+.CDX7BlogTOC__item--h2:before{background:var(--toc-border);content:"";display:block;height:1px;margin:0 1rem .5rem}.CDX7BlogTOC__item--h3>.CDX7BlogTOC__link{color:var(--toc-text-muted);font-size:.8125rem;font-weight:400;padding-left:1.75rem}.CDX7BlogTOC__item--h3>.CDX7BlogTOC__link:before{background-color:var(--toc-text-muted);border-radius:1px;content:"";display:block;flex-shrink:0;height:2px;margin-top:.55em;min-width:8px;transition:background-color .15s ease;width:8px}.CDX7BlogTOC__item--h3>.CDX7BlogTOC__link.CDX7BlogTOC__link--active:before,.CDX7BlogTOC__item--h3>.CDX7BlogTOC__link:hover:before{background-color:var(--colour-green)}.CDX7BlogTOC__list--accordion .CDX7BlogTOC__item--h3{max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.CDX7BlogTOC__list--accordion .CDX7BlogTOC__item--h3.CDX7BlogTOC__item--h3-open{max-height:80px;opacity:1}.CDX7BlogTOC__list--accordion .CDX7BlogTOC__item--h2>.CDX7BlogTOC__link{padding-right:.5rem}.CDX7BlogTOC__list--accordion .CDX7BlogTOC__item--h2>.CDX7BlogTOC__link:after{align-self:flex-start;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23006cb7' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px;content:"";display:block;flex-shrink:0;height:14px;margin-left:auto;pointer-events:none;transition:transform .2s ease;width:14px}.CDX7BlogTOC__list--accordion .CDX7BlogTOC__item--h2-open>.CDX7BlogTOC__link:after{transform:rotate(180deg)}@media (max-width:1023px){.CDX7BlogTOC--viewport{max-height:none;overflow:visible}.CDX7BlogTOC__toggle{display:block}.CDX7BlogTOC__list{max-height:2000px;opacity:1}}