.blog-post-main{padding:120px 0 80px}.blog-container{max-width:900px}.blog-breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted);margin-bottom:32px}.blog-breadcrumb a{color:var(--text-secondary);transition:color var(--transition-fast)}.blog-breadcrumb a:hover{color:var(--accent)}.blog-breadcrumb .current{color:var(--text-primary);font-weight:500}.blog-post-header{margin-bottom:48px}.blog-post-meta{display:flex;gap:16px;margin-bottom:16px}.blog-post-tag{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:6px 12px;background:var(--accent-soft);color:var(--accent);border-radius:100px}.blog-post-date{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:12px;color:var(--text-muted);display:flex;align-items:center}.blog-post-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:clamp(28px,5vw,42px);font-weight:700;line-height:1.2;letter-spacing:-0.02em;margin-bottom:20px}.blog-post-stats{display:flex;gap:24px;font-size:13px;color:var(--text-secondary)}.blog-post-stats span{display:flex;align-items:center;gap:8px}.blog-post-stats svg{width:16px;height:16px;color:var(--accent)}.blog-post-cover{margin-bottom:48px;border-radius:var(--radius-xl);overflow:hidden}.blog-post-cover img{width:100%;height:auto;display:block}.blog-post-content{font-size:17px;line-height:1.8;color:var(--text-secondary)}.blog-post-content h2{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:28px;font-weight:700;color:var(--text-primary);margin:48px 0 20px;letter-spacing:-0.02em}.blog-post-content h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:22px;font-weight:600;color:var(--text-primary);margin:36px 0 16px}.blog-post-content p{margin-bottom:24px}.blog-post-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.blog-post-content a:hover{text-decoration-thickness:2px}.blog-post-content ul,.blog-post-content ol{margin-bottom:24px;padding-left:24px}.blog-post-content li{margin-bottom:8px}.blog-post-content code{font-family:'Fira Code','SF Mono',monospace;font-size:14px;background:var(--bg-elevated);padding:2px 8px;border-radius:4px;color:var(--accent);overflow-wrap:anywhere;word-break:break-word}.blog-post-content pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;overflow-x:auto;margin-bottom:24px}.blog-post-content pre code{background:none;padding:0;color:var(--text-primary);overflow-wrap:normal;word-break:normal;white-space:pre}.blog-post-content blockquote{border-left:3px solid var(--accent);padding-left:24px;margin:32px 0;font-style:italic;color:var(--text-secondary)}.blog-post-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:32px 0}.blog-post-content hr{border:none;border-top:1px solid var(--border);margin:48px 0}.blog-post-faq{margin:64px 0;padding:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl)}.blog-post-faq h2{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:24px;font-weight:600;margin:0 0 24px;color:var(--text-primary)}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.faq-item[open]{border-color:var(--accent)}.faq-question{padding:20px 24px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:'+';font-size:20px;font-weight:400;color:var(--accent);transition:transform var(--transition-fast)}.faq-item[open] .faq-question::after{transform:rotate(45deg)}.faq-answer{padding:0 24px 20px;color:var(--text-secondary);line-height:1.7}.blog-post-tags{display:flex;flex-wrap:wrap;gap:12px;margin:48px 0}.blog-post-tag{font-size:13px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;color:var(--text-secondary);transition:all var(--transition-fast)}.blog-post-tag:hover{border-color:var(--accent);color:var(--accent)}.blog-author-box{display:flex;gap:24px;padding:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin:64px 0}.blog-author-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.blog-author-avatar img{width:100%;height:100%;object-fit:cover}.blog-author-info h4{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:18px;font-weight:600;margin-bottom:4px}.blog-author-info p{font-size:14px;color:var(--text-muted);margin-bottom:12px}.blog-author-bio{font-size:14px;color:var(--text-secondary);line-height:1.6}.blog-author-links{display:flex;gap:12px;margin-top:16px}.blog-author-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.blog-author-links a:hover{border-color:var(--accent);color:var(--accent)}.blog-related{margin:64px 0}.blog-related h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:20px;font-weight:600;margin-bottom:24px}.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.blog-related-card{padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.blog-related-card:hover{border-color:var(--accent);transform:translateY(-4px)}.blog-related-tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--accent);display:block;margin-bottom:8px}.blog-related-card h4{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.blog-related-date{font-size:12px;color:var(--text-muted)}.blog-cta{text-align:center;padding:64px 40px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin:64px 0}.blog-cta h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:28px;font-weight:700;margin-bottom:12px}.blog-cta p{color:var(--text-secondary);margin-bottom:24px}@media (max-width:768px){.blog-post-main{padding:100px 0 60px}.blog-author-box{flex-direction:column;text-align:center}.blog-author-avatar{margin:0 auto}.blog-author-links{justify-content:center}.blog-post-faq{padding:24px}.blog-related-grid{grid-template-columns:1fr}}