.read-progress{background:linear-gradient(90deg, var(--primary), var(--accent));z-index:9999;border-radius:0 2px 2px 0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.blog-detail{padding:5rem 0 4rem}.blog-detail__container{max-width:1100px}.blog-detail__grid{grid-template-columns:3fr 2fr;align-items:start;gap:3rem;display:grid}.blog-detail__right{flex-direction:column;gap:1.75rem;display:flex;position:sticky;top:5.5rem}.blog-detail__back{color:var(--text-light);align-items:center;gap:.35rem;margin-bottom:1.25rem;font-size:.825rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.blog-detail__back:hover{color:var(--primary)}.blog-detail__category{color:#7c3aed;text-transform:capitalize;letter-spacing:.3px;background:#ede9fe;border-radius:100px;margin-bottom:.65rem;padding:.25rem .85rem;font-size:.72rem;font-weight:700;display:inline-block}.blog-detail__title{color:var(--secondary);letter-spacing:-.025em;margin:0 0 .85rem;font-size:2rem;font-weight:800;line-height:1.2}.blog-detail__meta-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.6rem 0;display:flex}.blog-detail__meta-left{color:var(--text-light);align-items:center;gap:1.25rem;font-size:.82rem;display:flex}.blog-detail__meta-left span{align-items:center;gap:.35rem;display:flex}.blog-detail__share-group{align-items:center;gap:.4rem;display:flex}.blog-detail__share-label{color:var(--text-lighter);text-transform:uppercase;letter-spacing:1.2px;margin-right:.1rem;font-size:.7rem;font-weight:700}.blog-detail__share-btn{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;transition:var(--transition);color:var(--text-light);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.blog-detail__share-btn.share-twitter:hover{color:#fff;background:#1da1f2;border-color:#1da1f2}.blog-detail__share-btn.share-linkedin:hover{color:#fff;background:#0a66c2;border-color:#0a66c2}.blog-detail__share-btn.share-copy:hover{background:var(--primary);border-color:var(--primary);color:#fff}.blog-detail__share-btn.copied{background:var(--success);border-color:var(--success);color:#fff}.blog-detail__lead{color:var(--text-light);border-left:3px solid var(--primary);margin-bottom:1.25rem;padding-left:.85rem;font-size:1rem;font-style:italic;line-height:1.65}.blog-detail__content{color:var(--text);font-size:1rem;line-height:1.75}.blog-detail__content h2{color:var(--secondary);letter-spacing:-.01em;margin:1.5rem 0 .4rem;font-size:1.3rem;font-weight:700}.blog-detail__content h3{color:var(--secondary);margin:1.1rem 0 .35rem;font-size:1.1rem;font-weight:700}.blog-detail__content p{margin-bottom:.85rem}.blog-detail__content a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.blog-detail__content a:hover{color:var(--primary-dark)}.blog-detail__content ul,.blog-detail__content ol{margin:.5rem 0 .85rem 1.4rem}.blog-detail__content li{margin-bottom:.3rem;line-height:1.6}.blog-detail__content blockquote{border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-light);background:#2563eb0a;margin:1rem 0;padding:.6rem 1rem;font-size:.975rem;font-style:italic}.blog-detail__content hr{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.blog-detail__content img{border-radius:var(--radius-sm);max-width:100%;box-shadow:var(--shadow);margin:1rem 0}.blog-detail__content pre{color:#e2e8f0;border-radius:var(--radius-sm);background:#0f172a;margin:1rem 0;padding:1.1rem;font-size:.84rem;line-height:1.6;overflow-x:auto}.blog-detail__content code{color:var(--primary-dark);background:#2563eb12;border-radius:4px;padding:.1rem .35rem;font-size:.87em;font-weight:500}.blog-detail__content pre code{color:inherit;background:0 0;padding:0;font-weight:400}.blog-detail__tags{flex-wrap:wrap;gap:.4rem;margin:1.5rem 0 0;display:flex}.blog-detail__tag{background:var(--bg-alt);color:var(--text-light);border:1px solid var(--border);transition:var(--transition);border-radius:100px;padding:.25rem .75rem;font-size:.77rem;font-weight:500}.blog-detail__tag:hover{border-color:var(--primary);color:var(--primary)}.blog-detail__share-strip{border:1px solid var(--border);border-radius:var(--radius-sm);background:#2563eb08;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0 0;padding:1rem 1.25rem;display:flex}.blog-detail__share-strip p{color:var(--secondary);margin:0;font-size:.85rem;font-weight:600}.blog-detail__footer{border-top:1px solid var(--border);margin:1.25rem 0 0;padding-top:1.25rem}.blog-detail__sidebar-cover{border-radius:var(--radius);height:240px;box-shadow:var(--shadow);position:relative;overflow:hidden}.blog-sidebar-related__title{color:var(--secondary);margin-bottom:1rem;font-size:1.05rem;font-weight:800}.blog-sidebar-related__list{flex-direction:column;gap:.85rem;display:flex}.blog-sidebar-card{color:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;gap:.85rem;text-decoration:none;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden}.blog-sidebar-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.blog-sidebar-card__img{background:linear-gradient(135deg,#e0e7ff,#dbeafe);flex-shrink:0;width:80px;min-width:80px;height:80px;position:relative;overflow:hidden}.blog-sidebar-card__img img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.blog-sidebar-card:hover .blog-sidebar-card__img img{transform:scale(1.06)}.blog-sidebar-card__body{flex-direction:column;justify-content:center;gap:.2rem;padding:.6rem .75rem .6rem 0;display:flex}.blog-sidebar-card__cat{color:#7c3aed;text-transform:capitalize;background:#ede9fe;border-radius:100px;width:fit-content;padding:.15rem .55rem;font-size:.66rem;font-weight:700;display:inline-block}.blog-sidebar-card__title{color:var(--secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.835rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-sidebar-card__date{color:var(--text-lighter);font-size:.72rem}@media (max-width:860px){.blog-detail__grid{grid-template-columns:1fr}.blog-detail__right{order:-1;position:static}.blog-detail__sidebar-cover{height:200px}.blog-detail__title{font-size:1.65rem}}@media (max-width:500px){.blog-detail{padding:4.5rem 0 2.5rem}.blog-detail__meta-bar{flex-wrap:wrap;gap:.65rem}.blog-detail__share-strip{flex-direction:column;align-items:flex-start}}