.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:10001;background:transparent;opacity:0;transition:opacity .3s ease}.reading-progress.visible{opacity:1}.reading-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .1s linear}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-hero{padding:8.2rem 0 3rem;border-bottom:1px solid var(--gray-light);background:radial-gradient(ellipse 60% 100% at 50% 0%,var(--panel-tint),transparent),radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:auto,26px 26px}.blog-hero-title{font-size:clamp(2.1rem,5vw,3.1rem);font-weight:900;letter-spacing:-.02em;margin-bottom:.55rem}.blog-hero-subtitle{max-width:620px;font-size:1rem;color:var(--dark-light)}.blog-section{padding:2.8rem 0 4.5rem}.blog-filters{margin-bottom:2.4rem}.blog-search-wrapper{position:relative;max-width:480px;margin-bottom:1.4rem}.blog-search{width:100%;padding:.8rem 1rem .8rem 2.7rem;font-family:var(--mono);font-size:.9rem;color:var(--dark);background:var(--white);border:1px solid var(--gray-light);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}.blog-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.blog-search::placeholder{color:var(--gray)}.blog-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--gray);pointer-events:none}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-tag{min-height:40px;display:inline-flex;align-items:center;padding:.4rem 1rem;font-family:var(--mono);font-size:.76rem;letter-spacing:.05em;color:var(--dark-light);background:var(--white);border:1px solid var(--gray-light);border-radius:8px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.blog-tag:hover{color:var(--primary);border-color:var(--primary)}.blog-tag.active{color:var(--light);background:var(--primary);border-color:var(--primary)}.blog-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.4rem}.post-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.2rem}.post-card-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:.16rem .5rem;color:var(--primary);border:1px solid var(--bracket);border-radius:5px}.blog-empty-state,.blog-error-state{grid-column:1 / -1;text-align:center;padding:3rem 1rem;font-family:var(--mono);color:var(--gray)}.blog-error-detail{font-size:.78rem;margin-top:.5rem}.blog-newsletter-strip{border-top:1px dashed var(--gray-light);border-bottom:1px dashed var(--gray-light);background:var(--panel-tint);padding:2rem 0;margin-top:3rem}.blog-newsletter-inner{text-align:center}.blog-newsletter-title{font-size:1.2rem;font-weight:800;margin-bottom:.35rem}.blog-newsletter-desc{font-size:.92rem;color:var(--dark-light);margin-bottom:1.1rem}.blog-post-view{display:none;padding:7.4rem 0 4rem}.blog-post-view.active{display:block}.blog-post-content{max-width:740px;margin:0 auto;background:var(--white);border:1px solid var(--gray-light);border-radius:16px;padding:2.6rem clamp(1.4rem,4vw,3rem)}.blog-post-content h1{font-size:clamp(1.8rem,4.5vw,2.5rem);font-weight:900;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.blog-post-content h2{font-size:1.5rem;font-weight:800;margin:2.4rem 0 .9rem;padding-bottom:.45rem;border-bottom:1px dashed var(--gray-light)}.blog-post-content h3{font-size:1.18rem;font-weight:700;margin:1.9rem 0 .7rem}.blog-post-content p{font-size:1.02rem;line-height:1.85;color:var(--dark-light);margin-bottom:1.35rem}.blog-post-content img{max-width:100%;border-radius:10px;margin:1.8rem 0;border:1px solid var(--gray-light)}.blog-post-content .post-hero-image{width:100%;aspect-ratio:16 / 9;max-height:400px;object-fit:cover;border-radius:12px;margin:0 0 1.6rem}.blog-post-content code{font-family:var(--mono);font-size:.88em;padding:.15rem .45rem;background:var(--panel-tint);border-radius:5px;color:var(--primary)}.blog-post-content pre{background:#070c14;color:#dbe6ee;padding:1.3rem;border-radius:10px;border:1px solid var(--gray-light);overflow-x:auto;margin:1.7rem 0}.blog-post-content pre code{background:none;color:inherit;padding:0}.blog-post-content blockquote{border-left:3px solid var(--secondary);background:var(--panel-tint);border-radius:0 10px 10px 0;padding:.9rem 1.3rem;margin:1.7rem 0;color:var(--dark-light);font-style:italic}.blog-post-content ul,.blog-post-content ol{margin:1.3rem 0;padding-left:1.7rem}.blog-post-content li{margin-bottom:.45rem;line-height:1.75;color:var(--dark-light)}.blog-post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;overflow-x:auto;display:block;font-size:.92rem}.blog-post-content th,.blog-post-content td{border:1px solid var(--gray-light);padding:.55rem .9rem;text-align:left}.blog-post-content th{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;background:var(--panel-tint)}.blog-warning{font-family:var(--mono);font-size:.8rem;color:var(--secondary)}.post-reading-info{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-bottom:1rem}.post-header-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.3rem}.post-header-tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;color:var(--primary);border:1px solid var(--bracket);border-radius:5px}.post-body{margin-top:.4rem}.post-toc{background:var(--panel-tint);border:1px dashed var(--bracket);border-radius:10px;padding:1.2rem 1.5rem;margin:1.7rem 0}.post-toc h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:.6rem}.post-toc ul{list-style:none;padding:0;margin:0}.post-toc li{margin-bottom:.35rem}.post-toc li.toc-h3{padding-left:1rem}.post-toc a{font-size:.9rem;color:var(--dark-light);text-decoration:none}.post-toc a:hover{color:var(--primary)}.post-share{display:flex;align-items:center;gap:.7rem;margin:2rem 0 .6rem;padding-top:1.4rem;border-top:1px dashed var(--gray-light)}.post-share span{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray)}.share-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gray-light);border-radius:9px;background:transparent;color:var(--dark-light);cursor:pointer;transition:color .15s ease,border-color .15s ease,transform .15s ease;font-family:inherit}.share-btn:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.share-btn.copy-link:hover{color:var(--secondary);border-color:var(--secondary)}.related-posts{margin-top:2.4rem;padding-top:1.6rem;border-top:1px dashed var(--gray-light)}.related-posts-title{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:1rem}.related-posts-title:before{content:"// ";color:var(--gray)}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem}.related-post-card{display:block;background:var(--light);border:1px solid var(--gray-light);border-radius:10px;overflow:hidden;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.related-post-card:hover{border-color:var(--primary);transform:translateY(-2px)}.related-post-img{width:100%;height:100px;object-fit:cover}.related-post-img--placeholder{min-height:100px;background:radial-gradient(circle at 30% 60%,var(--panel-tint),transparent 60%),var(--white)}.related-post-body{padding:.7rem .85rem .85rem}.related-post-meta{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);margin-bottom:.25rem}.related-post-title{font-size:.88rem;font-weight:700;color:var(--dark);line-height:1.4}.back-to-posts-bottom{margin-top:1.8rem}.code-block-wrapper{position:relative}.code-copy-btn{position:absolute;top:.55rem;right:.55rem;font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .6rem;background:#ffffff14;color:#dbe6ee;border:1px solid rgba(255,255,255,.18);border-radius:6px;cursor:pointer;opacity:0;transition:opacity .15s ease}.code-block-wrapper:hover .code-copy-btn{opacity:1}@media (max-width: 560px){.blog-post-view{padding-top:6.6rem}.code-copy-btn{opacity:1}}