.blog-post-content pre code{color:inherit!important;font-size:inherit!important;background:0 0!important;border:none!important;padding:0!important}.blog-post-content [data-callout],.blog-post-content .tip-box{border:2px solid var(--blue-ink);background:color-mix(in srgb, var(--blue) 5%, transparent);color:var(--fg);margin:32px 0;padding:20px 24px}.blog-post-content [data-callout] p:last-child,.blog-post-content .tip-box p:last-child{margin-bottom:0}.blog-post-content img{width:100%;height:auto;margin:32px 0;display:block}.blog-post-layout{align-items:flex-start;gap:64px;display:flex}.blog-post-content{flex:1;min-width:0;max-width:720px;padding-top:64px;padding-bottom:80px}.blog-toc-sidebar{scrollbar-width:none;flex-shrink:0;width:220px;max-height:calc(100vh - 120px);padding-top:64px;padding-bottom:80px;position:sticky;top:100px;overflow-y:auto}.blog-toc-sidebar::-webkit-scrollbar{display:none}.blog-share-mobile{z-index:200;background:var(--paper);border-top:1px solid var(--rule-strong);justify-content:center;align-items:center;gap:4px;padding:12px 24px;display:none;position:fixed;bottom:0;left:0;right:0}.blog-toc-fab{background:var(--blue-deep);border:2px solid var(--blue-deep);z-index:201;cursor:pointer;color:#fff;border-radius:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .2s,border-color .2s;display:none;position:fixed;bottom:64px;right:20px}.blog-toc-fab:hover{background:var(--blue-ink);border-color:var(--blue-ink)}.blog-toc-drawer-backdrop{z-index:300;opacity:0;pointer-events:none;background:#16141280;transition:opacity .3s;position:fixed;inset:0}.blog-toc-drawer-backdrop.open{opacity:1;pointer-events:auto}.blog-toc-drawer{z-index:301;background:var(--paper);border-top:1px solid var(--rule-strong);scrollbar-width:none;max-height:70vh;padding-bottom:env(safe-area-inset-bottom,0px);transition:transform .35s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.blog-toc-drawer::-webkit-scrollbar{display:none}.blog-toc-drawer.open{transform:translateY(0)}@media (max-width:1100px){.blog-toc-sidebar{display:none!important}.blog-share-mobile,.blog-toc-fab{display:flex!important}.blog-post-content{padding-bottom:96px}}@media (max-width:780px){.blog-post-layout{gap:0}.blog-post-content{padding-top:40px}}@media (prefers-reduced-motion:reduce){.blog-toc-drawer,.blog-toc-drawer-backdrop,.blog-toc-fab{transition:none}}