.blog-hero{padding:140px 0 80px;text-align:center;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow),transparent 60%);opacity:.18;z-index:0;pointer-events:none}.blog-hero>*{position:relative;z-index:1}.blog-hero .section-label{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.25rem;display:inline-block}.blog-hero h1{font-size:clamp(2.75rem,7vw,5rem);line-height:1.05;margin-bottom:1rem;color:var(--text-primary)}.blog-hero p{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.2rem);max-width:620px;margin:0 auto;line-height:1.7}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding-bottom:120px}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr;gap:1.5rem;padding-bottom:80px}.blog-hero{padding:120px 0 60px}}.post-card{display:block;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;text-decoration:none;color:var(--text-primary);transition:var(--transition);position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,var(--accent-dim) 100%);opacity:0;transition:var(--transition);pointer-events:none}.post-card:hover{border-color:var(--accent-border);transform:translateY(-3px);box-shadow:0 18px 50px #00c2ff14}.post-card:hover:before{opacity:1}.post-card>*{position:relative;z-index:1}.post-card-tag{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);padding:.35rem .75rem;border-radius:999px;margin-bottom:1.25rem}.post-card h2{font-size:clamp(1.3rem,2.5vw,1.65rem);line-height:1.25;margin-bottom:.9rem;color:var(--text-primary)}.post-card p{color:var(--text-secondary);line-height:1.65;font-size:.95rem;margin-bottom:1.5rem}.post-card-meta{display:flex;gap:.75rem;align-items:center;font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-secondary);letter-spacing:.05em}.post-card-meta .dot{opacity:.5}.post-card-cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;color:var(--accent);font-weight:600;font-size:.95rem;letter-spacing:.02em}.post-card-cta .arrow{transition:transform .3s ease}.post-card:hover .post-card-cta .arrow{transform:translate(5px)}.post-wrapper{display:grid;grid-template-columns:1fr minmax(auto,780px) 260px;gap:3rem;max-width:1400px;margin:0 auto;padding:140px 2rem 100px}@media (max-width: 1200px){.post-wrapper{grid-template-columns:1fr;max-width:780px;padding:120px 1.5rem 80px;gap:2rem}.post-toc{display:none}}.post-main{grid-column:2;min-width:0}@media (max-width: 1200px){.post-main{grid-column:1}}.post-breadcrumbs{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:2.25rem;display:flex;gap:.5rem;flex-wrap:wrap}.post-breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.post-breadcrumbs a:hover{color:var(--accent)}.post-breadcrumbs .current{color:var(--accent);opacity:.85}.post-breadcrumbs .sep{opacity:.4}.post-pretitle{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;display:inline-block}.post-title{font-size:clamp(2.25rem,5.5vw,3.75rem);line-height:1.08;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.02em}.post-meta{display:flex;gap:.75rem;align-items:center;font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--text-secondary);letter-spacing:.04em;padding-bottom:2.5rem;border-bottom:1px solid var(--border-subtle);margin-bottom:3rem;flex-wrap:wrap}.post-meta .dot{opacity:.4}.post-body{color:var(--text-primary);font-size:1.075rem;line-height:1.85;letter-spacing:.003em}.post-body>*+*{margin-top:1.5rem}.post-body h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:3.5rem;margin-bottom:1rem;line-height:1.25;color:var(--text-primary);letter-spacing:-.01em;scroll-margin-top:100px}.post-body h3{font-size:clamp(1.2rem,2.5vw,1.4rem);margin-top:2.5rem;margin-bottom:.75rem;color:var(--text-primary);scroll-margin-top:100px}.post-body p{color:var(--text-secondary);line-height:1.85}.post-body strong{color:var(--text-primary);font-weight:600}.post-body em{color:var(--text-primary);font-style:italic}.post-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-dim);transition:border-color .2s}.post-body a:hover{border-bottom-color:var(--accent)}.post-body ul,.post-body ol{padding-left:1.4rem;color:var(--text-secondary)}.post-body ul li,.post-body ol li{margin-bottom:.6rem;line-height:1.75}.post-body ul li::marker{color:var(--accent)}.post-body ol li::marker{color:var(--accent);font-family:JetBrains Mono,monospace}.post-body blockquote{border-left:3px solid var(--accent);padding:.25rem 1.5rem;margin:2.5rem 0;color:var(--text-primary);font-style:italic;font-size:1.1rem;background:var(--accent-dim);border-radius:0 var(--radius) var(--radius) 0}.post-body blockquote p{color:var(--text-primary)}.post-body code{background:var(--bg-surface);padding:.15rem .45rem;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:.92em;color:var(--accent);border:1px solid var(--border-subtle)}.post-body table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;font-size:.95rem}.post-body th{background:var(--bg-card);color:var(--text-primary);text-align:left;padding:1rem 1.25rem;font-weight:600;font-size:.88rem;letter-spacing:.02em;border-bottom:1px solid var(--border-subtle)}.post-body td{padding:1rem 1.25rem;border-top:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:top}.post-body tr:hover td{background:#00c2ff05}.post-body hr{border:none;height:1px;background:var(--border-subtle);margin:3rem 0}.post-callout{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);padding:1.5rem 1.75rem;border-radius:var(--radius);margin:2rem 0}.post-callout strong{color:var(--accent)}.post-toc{grid-column:3;position:sticky;top:120px;align-self:start;padding:1.5rem 0 1.5rem 1.5rem;border-left:1px solid var(--border-subtle);font-size:.88rem;max-height:calc(100vh - 140px);overflow-y:auto}.post-toc-title{font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.post-toc ul{list-style:none;padding:0}.post-toc li{margin-bottom:.65rem}.post-toc a{color:var(--text-secondary);text-decoration:none;transition:color .2s;display:block;line-height:1.4}.post-toc a:hover,.post-toc a.active{color:var(--accent)}.post-faq{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-subtle)}.post-faq h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:2rem}.post-faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem 1.75rem;margin-bottom:1rem}.post-faq-item h3{font-size:1.05rem;margin:0 0 .75rem;color:var(--text-primary)}.post-faq-item p{color:var(--text-secondary);line-height:1.7;margin:0;font-size:.95rem}.post-related{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-subtle)}.post-related h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:2rem}.post-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.post-related-grid{grid-template-columns:1fr}}.post-end-cta{margin-top:4rem;padding:3rem 2rem;text-align:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);position:relative;overflow:hidden}.post-end-cta:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,var(--accent-glow),transparent 60%);opacity:.12;z-index:0;pointer-events:none}.post-end-cta>*{position:relative;z-index:1}.post-end-cta h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.75rem;color:var(--text-primary)}.post-end-cta p{color:var(--text-secondary);margin-bottom:1.75rem;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.65}