.post{width:min(100%, var(--maxw-prose));margin:0 auto}.post-top-img{border:var(--border);border-radius:var(--radius);aspect-ratio:3;background:var(--bg2);margin:0 0 8px;overflow:hidden}.post-top-img img{object-fit:cover;width:100%;height:100%;display:block}.post-header{text-align:center;padding:24px 0 44px}.post-title{font-size:34px;font-weight:600;line-height:1.45}.post-meta-line{color:var(--text2);flex-wrap:wrap;justify-content:center;gap:8px 26px;margin-top:18px;font-size:15px;display:flex}.post-meta-item{align-items:center;gap:7px;display:inline-flex}.post-meta-item svg{width:15px;height:15px;color:var(--text3)}.post-date{position:relative}.post-date-btn{color:inherit;font:inherit;text-decoration:underline;text-decoration-color:color-mix(in oklab, var(--text3) 55%, transparent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;transition:color .14s ease-out}.post-date-btn:hover{color:var(--accent)}.post-date-pop{z-index:20;border:var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text2);white-space:nowrap;opacity:0;visibility:hidden;padding:7px 12px;font-size:14px;transition:opacity .14s ease-out,translate .14s ease-out,visibility .14s;position:absolute;top:calc(100% + 8px);left:50%;translate:-50% 4px}@media (hover:hover) and (pointer:fine){.post-date-btn:hover+.post-date-pop,.post-date-btn:focus-visible+.post-date-pop{opacity:1;visibility:visible;translate:-50%}}.post-date-btn[aria-expanded=true]+.post-date-pop{opacity:1;visibility:visible;translate:-50%}@media (prefers-reduced-motion:reduce){.post-date-btn,.post-date-pop{transition:none}}.post-tags{color:var(--text2);align-items:center;gap:10px;margin:56px 0 72px;font-size:15px;display:flex}.post-tags svg{width:15px;height:15px;color:var(--text3)}.post-tags ul{flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;list-style:none;display:flex}.post-meta-item a:hover,.post-tags a:hover{color:var(--accent)}.post-tags:has(+.series-pager){margin-bottom:30px}.series-pager{border-top:var(--border);gap:24px;margin:0 0 72px;padding-top:26px;display:flex}.series-pager-side{flex:1 1 0;min-width:0}.series-pager-side--next{text-align:right}.series-pager-link{flex-direction:column;gap:7px;max-width:100%;display:inline-flex}.series-pager-label{color:var(--text3);align-items:center;gap:4px;font-size:13px;display:inline-flex}.series-pager-side--next .series-pager-label{justify-content:flex-end}.series-pager-label svg{width:14px;height:14px}.series-pager-title{color:var(--text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.series-pager-link:hover .series-pager-title{color:var(--accent)}@media (width<=720px){.post-header{padding:12px 0 36px}.post-title{font-size:27px}.series-pager{flex-direction:column;gap:20px}.series-pager-side--next,.series-pager-side--next .series-pager-label{text-align:left;justify-content:flex-start}.series-pager-side:empty{display:none}}.post-toc{--toc-open:.25s;--toc-close:.15s;--toc-swap:.15s;--toc-appear:.4s;--toc-stagger:25ms;--toc-ease:cubic-bezier(.22, 1, .36, 1);z-index:20;animation:post-toc-appear var(--toc-appear) ease both;translate:0 -50%}@keyframes post-toc-appear{0%{opacity:0}to{opacity:1}}.post-toc{position:fixed;top:50%;left:calc(50% + 430px)}.post-toc.is-parked{top:var(--toc-park-y);left:var(--toc-park-x);position:absolute}.post-toc-list{width:260px;transition:gap var(--toc-close) var(--toc-ease);flex-direction:column;gap:0;margin:0;padding:8px 0;list-style:none;display:flex}.post-toc-list li{display:flex}.post-toc.is-open .post-toc-list,.post-toc:focus-within .post-toc-list{transition:gap var(--toc-open) var(--toc-ease);gap:8px}.post-toc-item{width:26px;height:18px;color:var(--text2);cursor:pointer;transition:color var(--toc-swap) ease;background:0 0;border:0;align-items:center;padding:0;display:flex;position:relative}.post-toc .post-toc-item{justify-content:flex-start}.post-toc-item:focus{outline:none}.post-toc-bar{background:var(--border-strong);width:18px;height:2px;transition:width var(--toc-swap) var(--toc-ease), background-color var(--toc-swap) ease, opacity var(--toc-close) ease;border-radius:999px;flex:none}.post-toc-item[data-level="3"] .post-toc-bar{width:12px}.post-toc-item.is-active .post-toc-bar{background:var(--accent);width:26px}.post-toc-label{white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--toc-close) ease, transform var(--toc-close) var(--toc-ease), visibility 0s linear var(--toc-close);font-size:14px;line-height:1.3;position:absolute;top:50%;translate:0 -50%}.post-toc .post-toc-label{left:0;transform:translate(-6px)}.post-toc-item[data-level="3"] .post-toc-label{font-size:13px}.post-toc .post-toc-item[data-level="3"] .post-toc-label{left:12px}.post-toc.is-open .post-toc-bar,.post-toc:focus-within .post-toc-bar{opacity:0;width:0}.post-toc.is-open .post-toc-label,.post-toc:focus-within .post-toc-label{opacity:1;visibility:visible;transition:opacity var(--toc-open) ease, transform var(--toc-open) var(--toc-ease), visibility 0s;transition-delay:calc(var(--toc-stagger) * var(--i,0));transform:translate(0)}.post-toc-item.is-active{color:var(--accent)}.post-toc.is-open .post-toc-item:hover,.post-toc-item:focus-visible{color:var(--text)}@media (width<=1120px){.post-toc{display:none}}@media (prefers-reduced-motion:reduce){.code-block-icon{transition:none}.post-toc{animation:none}.post-toc-list,.post-toc-item,.post-toc-bar,.post-toc-label,.post-toc.is-open .post-toc-list,.post-toc.is-open .post-toc-label{transition:none}}