@layer module{:has(>.module-blog-post-toc){container-type:inline-size;width:100%}.module-blog-post-toc{max-width:100%;position:relative;& h2{font-size:var(--fs);--fs-min:16;--fs-max:18;font-weight:700;margin-block-end:1.5em;&>svg{display:none}}& ol{list-style-type:none;&.max-height{max-block-size:290px;overflow-y:auto;& .overlay{background:-webkit-linear-gradient(to bottom,hsla(0,0%,100%,0),var(--c-white),var(--c-white));background:linear-gradient(to bottom,hsla(0,0%,100%,0),var(--c-white),var(--c-white));block-size:80px;bottom:0;left:0;opacity:.9;pointer-events:none;position:absolute;right:0;z-index:1}}&>li{font-size:var(--fs);--fs-min:13;--fs-max:14.5;line-height:1.5;margin-block-end:1.25em;max-width:30ch;&>a{color:var(--cs-standard);text-decoration:none;transition:color .2s ease-in-out;&:hover{color:var(--cs-link-hover)}&.active{font-weight:600}}}}@media (max-width:1200px){border-block:1px solid var(--c-gray-100);inline-size:100%;margin-block-end:3em;&.open{& h2{&>svg{transform:rotate(180deg)}}}& h2{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-block-end:1em;margin-block-start:1em;&>svg{display:block;height:1em;width:1em;fill:var(--cs-standard);transition:transform .2s ease-in-out}}& ol{margin-block-start:2em;padding-inline:1em;&>li,li a{display:block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}}}}}