.teaser-card-link.is-placeholder{cursor:default;pointer-events:none}.teaser-card-link.is-placeholder .teaser-card{opacity:.7;background:#ffffff03;border-style:dashed}.teaser-card-link.is-placeholder .teaser-date{color:var(--color-muted);font-weight:600}.blog-top-nav{padding:40px 0 0}.blog-top-nav .container{max-width:1100px;margin:0 auto;padding:0 24px}.back-link{color:var(--color-muted);align-items:center;gap:8px;font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--color-accent)}.blog-post-container{max-width:1400px;margin:0 auto;padding:0 24px 120px}.post-hero{text-align:center;max-width:900px;margin:0 auto;padding:80px 0 60px;position:relative}.post-hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#5cf0c814,#0000);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-meta{font-family:var(--font-mono);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:.85rem;display:flex}.post-meta .separator{color:var(--color-border)}.post-title{letter-spacing:-.03em;background:linear-gradient(180deg, var(--color-text) 0%, #a0aec0 100%);-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 24px;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}.post-lede{color:var(--color-muted);max-width:720px;margin:0 auto 32px;font-size:1.35rem;line-height:1.6}.post-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tag{font-family:var(--font-mono);color:var(--color-muted);border:1px solid var(--color-border);background:#ffffff08;border-radius:4px;padding:4px 10px;font-size:.8rem}.post-body-wrapper{grid-template-columns:260px 1fr;align-items:start;gap:80px;max-width:1100px;margin-top:40px;margin-left:auto;margin-right:auto;display:grid}.sticky-toc{padding-right:20px;position:sticky;top:120px}.toc-header{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);opacity:.7;margin-bottom:16px;font-size:.75rem;font-weight:700}.toc-nav ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.toc-nav a{color:var(--color-muted);font-size:.9rem;line-height:1.4;text-decoration:none;transition:color .2s;display:block}.toc-nav a:hover{color:var(--color-accent)}.toc-item.depth-3{border-left:1px solid var(--color-border);padding-left:12px}.sidebar-divider{background:var(--color-border);width:40px;height:1px;margin:24px 0}.share-link{color:var(--color-muted);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.share-link:hover{color:var(--color-text);text-decoration:underline}.post-content{color:var(--color-muted);min-width:0;max-width:720px;font-size:1.125rem;line-height:1.75}.post-content h2{color:var(--color-text);letter-spacing:-.02em;margin:56px 0 24px;scroll-margin-top:100px;font-size:1.75rem}.post-content h3{color:var(--color-text);margin:40px 0 16px;scroll-margin-top:100px;font-size:1.35rem}.post-content p{margin-bottom:28px}.post-content ul,.post-content ol{margin-bottom:28px;padding-left:20px}.post-content li{margin-bottom:10px;padding-left:8px}.post-content li::marker{color:var(--color-accent)}.post-content blockquote{border-left:3px solid var(--color-accent);color:var(--color-text);margin:40px 0;padding:0 0 0 24px;font-size:1.25rem;font-style:italic;line-height:1.6}.post-content blockquote p{margin-bottom:0}.post-content pre,.mermaid{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:40px 0;padding:24px;overflow-x:auto;box-shadow:inset 0 0 20px #0003;background:#080b16!important}.mermaid{justify-content:center;display:flex;background:#ffffff05!important}.post-content code{font-family:var(--font-mono);color:var(--color-accent-text);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:.9em}.post-content pre code{color:inherit;background:0 0;padding:0}.post-content hr{background:var(--color-border);border:0;height:1px;margin:60px 0}.post-footer-teasers{border-top:1px solid var(--color-border);max-width:1100px;margin-top:120px;margin-left:auto;margin-right:auto;padding-top:80px}.teasers-header{justify-content:space-between;align-items:baseline;margin-bottom:40px;display:flex}.teasers-header h2{margin:0;font-size:2rem}.view-all{color:var(--color-accent);font-weight:500;text-decoration:none}.teasers-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.teaser-card-link{color:inherit;text-decoration:none}.teaser-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff05;height:100%;padding:32px;transition:all .3s}.teaser-card:hover{border-color:var(--color-accent);background:#ffffff0a;transform:translateY(-4px)}.teaser-date{font-family:var(--font-mono);color:var(--color-accent);text-transform:uppercase;margin-bottom:16px;font-size:.75rem;display:block}.teaser-card h3{margin:0 0 16px;font-size:1.5rem;line-height:1.3}.teaser-card p{color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:1rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (width<=1024px){.post-body-wrapper{grid-template-columns:1fr;gap:0}.post-sidebar{display:none}.post-content{max-width:100%}}@media (width<=640px){.post-hero{padding:40px 0}.post-title{font-size:2rem}.post-lede{font-size:1.1rem}.blog-post-container{padding:0 20px 60px}}