.blog-post-hero{background:var(--hf-bg);padding:160px 0 60px;position:relative;overflow:hidden}.blog-post-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee29 0%,#0000 65%);width:900px;height:900px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.blog-post-hero-inner{z-index:1;text-align:center;max-width:1300px;padding-top:20px;position:relative}.blog-post-hero-eyebrow{color:var(--primary)!important}.blog-post-page{background:#fff;padding:60px 0 120px}.blog-post-container{max-width:1300px;padding-left:15px;padding-right:15px}.blog-post-back{color:var(--primary-dark);align-items:center;gap:8px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.blog-post-back:hover{text-decoration:underline}.blog-post-back-light{color:var(--primary)}.blog-post-back-light:hover{color:#fff}.blog-post-header{max-width:1300px;margin:28px 0 0}.blog-post-title{letter-spacing:-1px;color:#fff;margin:0 0 16px;font-family:IBM Plex Sans,sans-serif;font-size:clamp(1.9rem,3.2vw,2.8rem);font-weight:800;line-height:1.25}.blog-post-meta{color:#ffffffb3;align-items:center;gap:10px;font-size:.95rem;font-weight:500;display:flex}.blog-post-meta-sep{color:#ffffff4d}.blog-post-hero-image{aspect-ratio:16/9;background:#f1f5f9;border-radius:20px;width:100%;margin-bottom:40px;position:relative;overflow:hidden}.blog-post-hero-image img{object-fit:cover}.blog-post-layout{grid-template-columns:230px minmax(0,1fr) 300px;gap:48px;display:grid}.blog-post-layout.no-toc{grid-template-columns:minmax(0,1fr) 300px}.blog-post-main{min-width:0}.sticky-box-placeholder{height:100%;position:relative}.blog-post-sidebar-sticky{flex-direction:column;gap:28px;display:flex;position:sticky;top:110px}.blog-post-sidebar-title{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.6px;margin:0 0 14px;font-size:.82rem;font-weight:700}.blog-post-toc-sidebar .blog-post-sidebar-sticky,.blog-post-author-card,.blog-post-recent-card{background:var(--bg-gray);border:1px solid var(--border-color);border-top:3px solid var(--primary);border-radius:16px;padding:22px}.blog-post-toc-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.blog-post-toc-list li{margin:0}.blog-post-toc-list a{color:#64748b;margin-left:-2px;padding:6px 0;font-size:.9rem;line-height:1.4;text-decoration:none;transition:color .2s,border-color .2s;display:block}.blog-post-toc-list a:hover,.blog-post-toc-list a.active{color:var(--primary);border-left-color:var(--primary)}.blog-post-author-info{align-items:flex-start;gap:14px;display:flex}.blog-post-author-avatar{border-radius:50%;flex-shrink:0}.blog-post-author-avatar-fallback{width:56px;height:56px;color:var(--primary);background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.blog-post-author-name{color:#0f172a;word-break:break-word;margin:0 0 4px;font-size:.95rem;font-weight:700}.blog-post-author-bio{color:#64748b;margin:0;font-size:.85rem;line-height:1.6}.blog-post-recent-empty{color:#94a3b8;margin:0;font-size:.9rem}.blog-post-recent-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.blog-post-recent-item{align-items:center;gap:12px;text-decoration:none;display:flex}.blog-post-recent-thumb{width:56px;height:56px;color:var(--primary);background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.blog-post-recent-thumb img{object-fit:cover}.blog-post-recent-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:.88rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-post-recent-date{color:#94a3b8;font-size:.78rem}.blog-post-content{color:#333;min-width:0;font-size:.95rem;line-height:1.75}.blog-post-content h2{color:var(--primary-dark);margin:2.2rem 0 1rem;scroll-margin-top:120px;font-size:1.5rem;font-weight:700}.blog-post-content h3{color:#0f172a;margin:1.8rem 0 .75rem;scroll-margin-top:120px;font-size:1.2rem;font-weight:700}.blog-post-content h4{color:#0f172a;margin:1.5rem 0 .5rem;font-size:1.05rem;font-weight:700}.blog-post-content p{margin:0 0 1.25rem}.blog-post-content ul,.blog-post-content ol{margin:0 0 1.25rem 1.5rem}.blog-post-content ul{list-style:outside}.blog-post-content ol{list-style:decimal}.blog-post-content li{margin-bottom:.5rem}.blog-post-content a{color:var(--primary-dark);text-decoration:underline}.blog-post-content strong{color:#0f172a}.blog-post-content blockquote{border-left:4px solid var(--primary);color:#475569;background:#f8fafc;margin:1.5rem 0;padding:.75rem 1.5rem;font-style:italic}.blog-post-content img{border-radius:14px;max-width:100%;height:auto;margin:1rem 0}.blog-post-content figure{margin:1.5rem 0}.blog-post-content figcaption{color:#94a3b8;text-align:center;margin-top:.5rem;font-size:.85rem}.blog-post-content table{border-collapse:collapse;width:100%;margin:1.5rem 0}.blog-post-content th,.blog-post-content td{text-align:left;border:1px solid #e2e8f0;padding:10px 14px}.blog-post-faq-accordion{margin-top:8px}.blog-post-footer{border-top:1px solid #e8ecf1;margin-top:48px;padding-top:24px}@media (max-width:1150px){.blog-post-layout,.blog-post-layout.no-toc{grid-template-columns:minmax(0,1fr) 280px}.blog-post-toc-sidebar{display:none}}@media (max-width:860px){.blog-post-layout,.blog-post-layout.no-toc{grid-template-columns:minmax(0,1fr)}.blog-post-aside-sidebar .blog-post-sidebar-sticky{flex-flow:wrap;position:static}.blog-post-author-card,.blog-post-recent-card{flex:260px}}@media (max-width:768px){.blog-post-hero{padding:120px 0 40px}.blog-post-page{padding:40px 0 80px}.blog-post-aside-sidebar .blog-post-sidebar-sticky{flex-direction:column}}