.toc{position:sticky;top:128px;width:216px;min-width:216px;max-height:calc(100vh - 160px);overflow-y:auto;align-self:flex-start}.toc-title{font-family:Inter,sans-serif;font-weight:600;font-size:13px;line-height:20px;color:#18181b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.toc-item{border-left:2px solid transparent;transition:border-color .2s}.toc-item--h3{padding-left:12px}.toc-item--active{border-left-color:#f97316}.toc-item--active .toc-link{color:#18181b;font-weight:500}.toc-link{display:block;padding:4px 12px;font-family:Inter,sans-serif;font-weight:400;font-size:13px;line-height:20px;color:#71717a;text-decoration:none;transition:color .2s}.toc-link:hover{color:#18181b}@media (max-width:1024px){.toc{display:none}}.related-posts{padding:0 20px 60px;background:#fdfcfc}.related-posts-container{max-width:1100px;margin:0 auto}.related-posts-title{font-family:Inter,sans-serif;font-weight:600;font-size:24px;line-height:32px;color:#18181b;margin:0 0 24px}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-card{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid hsla(0,0%,7%,.1);border-radius:8px;padding:20px;text-decoration:none;transition:box-shadow .3s,transform .3s;overflow:hidden}.related-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-4px)}.related-card-cover{width:100%;aspect-ratio:16/9;background:hsla(0,0%,7%,.05);border-radius:4px;overflow:hidden}.related-card-cover-img{width:100%;height:100%;object-fit:cover}.related-card-tags{display:flex;gap:8px;flex-wrap:wrap}.related-card-tag{padding:4px 8px;background:#fff;border:1px solid hsla(0,0%,7%,.1);border-radius:999px;font-weight:400;font-size:12px;line-height:18px}.related-card-tag,.related-card-title{font-family:Inter,sans-serif;color:#18181b}.related-card-title{font-weight:500;font-size:18px;line-height:26px;margin:0}.related-card-meta{display:flex;align-items:center;gap:8px;margin-top:auto}.related-card-author-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center}.related-card-author-avatar,.related-card-avatar-img{width:24px;height:24px;border-radius:50%;flex-shrink:0}.related-card-avatar-img{object-fit:cover}.related-card-avatar-initial{color:#fff;font-size:11px;font-weight:600}.related-card-author{font-weight:500;color:#18181b}.related-card-author,.related-card-date{font-family:Inter,sans-serif;font-size:14px;line-height:20px}.related-card-date{font-weight:400;color:#71717a}@media (max-width:1024px){.related-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.related-posts{padding:0 10px 40px}.related-posts-title{font-size:20px;line-height:28px}.related-posts-grid{grid-template-columns:1fr;gap:16px}.related-card{max-width:355px;margin:0 auto;width:100%}}.blog-post-page{min-height:100vh;background:#fdfcfc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth}.blog-post-article{padding:132px 20px 80px}.blog-post-layout{max-width:1100px;margin:0 auto;display:flex;flex-direction:row;gap:48px}.blog-post-container{flex:1;min-width:0;max-width:800px;display:flex;flex-direction:column;gap:24px}.blog-post-breadcrumb{margin-bottom:-8px}.blog-post-title{font-family:Inter,sans-serif;font-weight:600;font-size:36px;line-height:40px;color:#18181b;margin:0}.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:-8px}.blog-post-tag{font-family:Inter,sans-serif;font-weight:400;font-size:14px;padding:4px 12px;background:#f4f4f5;color:#71717a;border-radius:100px}.blog-post-header-row{display:flex;align-items:center;justify-content:space-between;width:100%}.blog-post-author-info{display:flex;align-items:center;gap:12px}.blog-post-author-name{font-weight:500;color:#18181b}.blog-post-author-name,.blog-post-date{font-family:Inter,sans-serif;font-size:16px;line-height:24px}.blog-post-date{font-weight:400;color:#71717a}.blog-post-read-time{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#a1a1aa}.blog-post-share{gap:12px}.blog-post-share,.share-btn{display:flex;align-items:center}.share-btn{width:32px;height:32px;background:#fff;border:.5px solid hsla(0,0%,7%,.1);border-radius:4px;justify-content:center;cursor:pointer;transition:background-color .2s;padding:0;color:#18181b;position:relative}.share-btn:hover{background-color:#f4f4f5}.share-btn img{width:16px;height:16px}.copied-tooltip{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);background:#18181b;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;white-space:nowrap;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.blog-post-content{width:100%}.blog-post-content img{width:100%;border:1px solid hsla(0,0%,7%,.1);border-radius:8px;padding:24px;background:#fff;box-sizing:border-box}.blog-post-related{margin-top:8px;padding:20px;border:1px solid hsla(0,0%,7%,.1);border-radius:12px;background:#fff}.blog-post-related-title{margin:0;font-family:Inter,sans-serif;font-weight:600;font-size:18px;line-height:26px;color:#18181b}.blog-post-related-list{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.blog-post-related-item{margin:0}.blog-post-related-link{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:22px;color:#3f3f46;text-decoration:none;transition:color .2s}.blog-post-related-link:hover{color:#18181b}@media (max-width:1024px){.blog-post-layout{max-width:800px;gap:0}.blog-post-container{max-width:100%}}@media (max-width:768px){.blog-post-article{padding:20px 20px 40px}.blog-post-container{max-width:335px;gap:20px}.blog-post-title{font-size:20px;line-height:32px;font-weight:500}.blog-post-header-row{flex-direction:column;align-items:flex-start;gap:12px}.blog-post-author-info{flex-direction:row;gap:4px;flex-wrap:wrap}.blog-post-author-name,.blog-post-date{font-size:12px;line-height:18px}.blog-post-read-time{font-size:11px;line-height:16px}.blog-post-share{gap:8px}.share-btn{width:24px;height:24px}.share-btn svg{width:12px;height:12px}.blog-post-related{padding:16px}.blog-post-related-title{font-size:16px;line-height:24px}.blog-post-related-link{font-size:13px;line-height:20px}}.blog-post-author-bio{display:flex;gap:16px;padding:24px;background:#fff;border:1px solid hsla(0,0%,7%,.1);border-radius:12px;margin-top:32px}.blog-post-author-avatar{flex-shrink:0}.author-avatar-img{width:60px;height:60px;border-radius:50%;object-fit:cover}.author-avatar-placeholder{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center}.avatar-initial{color:#fff;font-size:24px;font-weight:600}.blog-post-author-details{flex:1;display:flex;flex-direction:column;gap:4px}.blog-post-author-name-full{font-family:Inter,sans-serif;font-weight:600;font-size:18px;line-height:24px;color:#18181b;margin:0}.blog-post-author-role{color:#71717a}.blog-post-author-bio-text,.blog-post-author-role{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;margin:0}.blog-post-author-bio-text{color:#52525b}.blog-post-author-expertise{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.blog-post-expertise-tag{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:18px;padding:2px 10px;background:#f4f4f5;color:#52525b;border-radius:999px}.blog-post-author-social{display:flex;gap:8px;margin-top:8px}.author-social-link{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:.5px solid hsla(0,0%,7%,.1);border-radius:4px;transition:background-color .2s}.author-social-link:hover{background-color:#f4f4f5}.author-social-link img{width:14px;height:14px}@media (max-width:768px){.blog-post-author-bio{flex-direction:column;align-items:center;text-align:center;padding:20px;gap:12px}}