.post{--post-text-width:680px;--toc-width:210px;--post-gap:2.75rem;grid-template-columns:minmax(0, 1fr) min(var(--post-text-width), 100%) minmax(0, 1fr);column-gap:var(--post-gap);align-items:start;padding-top:2rem;display:grid}.container.container--post{max-width:1300px;padding-inline:1.5rem}.post__article{grid-column:2;min-width:0;font-size:1.125rem;line-height:1.6}.post__header{margin-bottom:2rem}.post__title{margin-top:0;margin-bottom:.25rem}.post__description{color:var(--global-text-color-light);margin:0;font-size:1.25rem;line-height:1.4}.post__date{color:var(--global-text-color-light);margin:.25rem 0 .75rem;font-size:.95rem}.post__tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.post__tag{background-color:var(--global-code-bg-color);color:var(--global-text-color-light);border-radius:3px;padding:.15rem .5rem;font-size:.8rem}.post__toc{max-height:calc(100vh - var(--nav-height) - 3rem);background:color-mix(in srgb, var(--global-bg-color) 92%, transparent);z-index:1;border-radius:4px;grid-column:1;width:36px;min-width:36px;transition:width .2s,min-width .2s;position:fixed;top:50%;left:1.5rem;overflow:visible auto;transform:translateY(-50%)}.post__toc:hover{width:var(--toc-width);min-width:var(--toc-width)}.toc{padding:.5rem .35rem;font-size:.9rem;overflow:hidden}.toc__title{font-size:.8rem;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--global-text-color-light);white-space:nowrap;margin:0 0 .5rem;display:none}.post__toc:hover .toc__title{display:block}.toc__list,.toc__list ul{margin:0;padding:0;list-style:none}.toc__list ul{padding-left:0}.post__toc:hover .toc__list ul{padding-left:.9rem}.toc__list li{margin:0;line-height:1}.toc__list a{background:var(--global-divider-color);color:#0000;white-space:nowrap;border-left:none;border-radius:2px;height:3px;margin:8px 3px;padding:0;transition:height .2s,margin .2s,padding .2s,background .15s,color .15s,border-color .15s,width .2s;display:block;overflow:hidden}.toc__list>li>a{width:24px}.toc__list ul a{width:14px;margin-left:7px}.toc__list a[aria-current=location]{background:var(--global-theme-color)}.post__toc:hover .toc__list a{width:auto;height:auto;color:var(--global-text-color);white-space:nowrap;text-overflow:ellipsis;background:0 0;border-left:2px solid #0000;margin:.25rem 0;padding:.15rem 0 .15rem .65rem;line-height:1.3;overflow:hidden}.post__toc:hover .toc__list ul a{margin-left:0}.post__toc:hover .toc__list a:hover{color:var(--global-theme-color);text-decoration:none}.post__toc:hover .toc__list a[aria-current=location]{color:var(--global-theme-color);border-left-color:var(--global-theme-color);background:0 0;font-weight:500}.post__toc:hover{border-left:3px solid var(--global-divider-color)}.post__body p{margin:0 0 1.5rem}.post__body img{border-radius:4px;max-width:100%;height:auto;margin-inline:auto;display:block}.post__body figure{margin:1.5rem 0}.post__body figcaption,.post__body .caption{color:var(--global-text-color-light);text-align:center;margin-top:.5rem;font-size:.875rem}.post__body .figure-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0;display:grid}.post__body .figure-grid figure{margin:0}.post__body .figure-grid img{cursor:zoom-in;width:100%}.post__body .figure-grid__caption{grid-column:1/-1}@media (width<=720px){.post__body .figure-grid{grid-template-columns:1fr}}.post__body details{background-color:var(--global-code-bg-color);border-left:3px solid var(--global-theme-color);border-radius:4px;margin:1.5rem 0;padding:0;overflow:hidden}.post__body summary{cursor:pointer;box-sizing:border-box;width:100%;color:var(--global-theme-color);user-select:none;align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:500;list-style:none;display:flex}.post__body summary::-webkit-details-marker{display:none}.post__body summary:before{content:"▸";transform-origin:50%;font-size:1.1em;line-height:1;transition:transform .15s;display:inline-block}.post__body details[open] summary:before{transform:rotate(90deg)}.post__body details>:not(summary){padding:0 1rem 1rem}.post__body blockquote{border-left:5px solid var(--global-theme-color);background-color:var(--global-bg-color);margin:1.5em 0;padding:1em 1.25em;font-size:1.2rem}.post__body blockquote p{margin-bottom:0}.post__body blockquote ol,.post__body blockquote ul{margin:0;padding-left:1.25rem}.post__body pre{border-radius:4px;font-size:.95rem}.post__body h2,.post__body h3{scroll-margin-top:calc(var(--nav-height) + 10px)}@media (width<=1199px){.post{grid-template-columns:minmax(0,1fr);column-gap:0}.post__toc{display:none}.post__article{grid-column:1}}