.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}.blog-post-article{padding:132px 20px 80px}.blog-post-container{max-width:800px;margin:0 auto;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}@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-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-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}@media (max-width:768px){.blog-post-author-bio{flex-direction:column;align-items:center;text-align:center;padding:20px;gap:12px}}