.read-progress{z-index:80;pointer-events:none;background:linear-gradient(90deg, var(--color-mint-deep), var(--color-mint));transform-origin:0;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@supports not (animation-timeline:scroll()){.read-progress{display:none}}.toc{border:1px solid var(--color-rule);background:#ffffffc7;border-radius:1.25rem;padding:1.1rem 1rem 1.1rem 1.1rem}.toc-title{font-size:.9rem;font-weight:500}.toc-list{gap:.1rem;margin-top:.8rem;padding-inline-start:.85rem;display:grid;position:relative}.toc-list:before,.toc-list:after{content:"";border-radius:2px;width:2px;position:absolute;top:.35rem;left:0}.toc-list:before{background:var(--color-rule);bottom:.35rem}.toc-list:after{height:calc((100% - .7rem) * var(--p,0));background:var(--color-mint-deep);transition:height .5s var(--ease-out-expo)}.toc-list a{color:var(--color-soft);transition:color .2s, background-color .2s, translate .3s var(--ease-out-expo);border-radius:.6rem;padding:.35rem .5rem;font-size:.87rem;line-height:1.35;display:block}.toc-list a:hover{color:var(--color-navy)}.toc-list a.is-past{color:#3f5a72}.toc-list a.is-on{color:var(--color-navy);background:#40ffa738;translate:3px}.toc-mobile{border:1px solid var(--color-rule);background:#fff;border-radius:1.1rem}.toc-mobile summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;font-weight:500;list-style:none;display:flex}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:after{content:"+";color:var(--color-mint-deep);transition:rotate .3s var(--ease-out-expo);font-size:1.3rem;line-height:1}.toc-mobile[open] summary:after{rotate:45deg}.toc-mobile ol{gap:.5rem;padding:0 1rem 1rem;font-size:.95rem;display:grid}.toc-mobile a{color:var(--color-soft)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.read-progress{animation:linear both tas-grow-x;animation-timeline:scroll(root)}}}