.blog-post{padding:3rem 0;background-color:var(--bg-deep)}.post-header{max-width:820px;margin:0 auto 2rem;text-align:center}.post-title{font-size:2.5rem;margin:.75rem 0 1rem;color:var(--text-primary);line-height:1.2;letter-spacing:-.01em}.author-info{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.author-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--border)}.author-details{display:flex;flex-direction:column;align-items:flex-start}.author-name{font-weight:600;color:var(--text-primary)}.author-title{color:var(--text-dim);font-size:.875rem}.post-details{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-dim)}.publish-date{font-weight:500}.reading-time{display:flex;align-items:center;gap:.5rem}.social-sharing{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin:2rem 0 2.5rem;padding:1.5rem 0 2rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.share-label{color:var(--text-dim);font-weight:500;font-size:.85rem;margin-right:.25rem}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;text-decoration:none;transition:all var(--duration) var(--ease);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer}.share-btn:hover{transform:translateY(-2px);border-color:var(--border-hover)}.share-btn.twitter:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.share-btn.linkedin:hover{background:#0077b5;color:#fff;border-color:#0077b5}.share-btn.reddit:hover{background:#ff4500;color:#fff;border-color:#ff4500}.share-btn.copy-link:hover{background:var(--gold);color:var(--bg-deep);border-color:var(--gold)}.share-btn.copy-link.copied{background:var(--status-green);border-color:var(--status-green);color:var(--bg-deep)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:3rem 0}.post-nav-link{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);text-decoration:none;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease),transform var(--duration) var(--ease)}.post-nav-link:hover{border-color:var(--border-hover);transform:translateY(-2px)}.post-nav-next{text-align:right;grid-column:2}.post-nav-prev{grid-column:1}.post-nav-label{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.post-nav-title{font-family:"Instrument Serif",serif;font-size:1.1rem;color:var(--text-primary);line-height:1.3}@media(max-width:640px){.post-nav{grid-template-columns:1fr}.post-nav-prev,.post-nav-next{grid-column:1;text-align:left}}.toc-collapsible{max-width:820px;margin:0 auto 2rem;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:0}.toc-collapsible summary{padding:1rem 1.5rem;cursor:pointer;font-weight:600;font-size:.95rem;color:var(--text-primary);list-style:none;display:flex;align-items:center;gap:.5rem}.toc-collapsible summary::-webkit-details-marker{display:none}.toc-collapsible summary:before{content:"▸";font-size:.8rem;color:var(--gold);transition:transform var(--duration) var(--ease)}.toc-collapsible[open] summary:before{transform:rotate(90deg)}.toc-inline{padding:0 1.5rem 1rem}.toc-inline ul,.toc-sidebar ul{list-style:none;padding:0;margin:0}.toc-inline li,.toc-sidebar li{margin:0}.toc-inline a,.toc-sidebar a{display:block;color:var(--text-secondary);text-decoration:none;font-size:.85rem;line-height:1.4;transition:color var(--duration) var(--ease);border-left:2px solid transparent;padding:.3rem 0 .3rem .75rem}.toc-inline a:hover,.toc-sidebar a:hover,.toc-sidebar a.active{color:var(--gold-light);border-left-color:var(--gold)}.toc-inline ul ul,.toc-sidebar ul ul,.toc-inline li.toc-sub,.toc-sidebar li.toc-sub{padding-left:1rem}.toc-inline ul ul a,.toc-sidebar ul ul a{font-size:.8rem}.toc-sidebar{display:none}.post-body{max-width:820px;margin:0 auto;position:relative}@media(min-width:1280px){.toc-collapsible{display:none}.toc-sidebar{display:block;position:absolute;left:calc(100% + 3rem);top:0;width:230px}.toc-sticky{position:sticky;top:5rem;max-height:calc(100vh - 7rem);overflow-y:auto}.toc-sticky h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 .75rem;padding-left:.75rem}.toc-sticky::-webkit-scrollbar{width:3px}.toc-sticky::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}}.post-content{line-height:1.85;font-size:1.05rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4{scroll-margin-top:5rem;margin:2.5rem 0 1rem;color:var(--text-primary)}.post-content h1{font-size:2.2rem}.post-content h2{font-size:1.8rem}.post-content h3{font-size:1.4rem}.post-content h4{font-size:1.15rem}.post-content p{margin-bottom:1.5rem;color:var(--text-secondary)}.post-content a{color:var(--teal);text-decoration:underline;text-decoration-color:#5eead44d;text-underline-offset:3px;transition:all var(--duration) var(--ease)}.post-content a:hover{text-decoration-color:var(--gold);color:var(--gold-light)}.post-content pre{background-color:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:var(--radius);overflow-x:auto;margin:2rem 0}.post-content pre code{background:none;padding:0;border:none;color:var(--text-secondary)}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:1.5rem;color:var(--text-secondary)}.post-content li{margin-bottom:.5rem}.post-content img{border-radius:var(--radius);border:1px solid var(--border);margin:2rem 0}.post-content blockquote{background-color:var(--bg-card);border-left:3px solid var(--gold);padding:1.25rem 1.5rem;margin:2rem 0;font-style:italic;color:var(--text-secondary);border-radius:0 var(--radius) var(--radius) 0}.post-footer{max-width:820px;margin:3rem auto 0;border-top:1px solid var(--border);padding-top:2rem}.post-footer .post-tags{margin-bottom:1.5rem}.tags-label{color:var(--text-dim);font-weight:500;margin-right:.75rem;font-size:.85rem}.related-posts h3{font-size:1.6rem;margin-bottom:1.5rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.related-post{background-color:var(--bg-card);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);transition:all var(--duration) var(--ease)}.related-post:hover{border-color:var(--border-hover);transform:translateY(-2px)}.related-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;min-height:1.6rem;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-dim)}.related-post h4{margin:0 0 .5rem;font-size:1.1rem}.related-post h4 a{color:var(--text-primary);text-decoration:none}.related-post h4 a:hover{color:var(--gold)}.related-post p{color:var(--text-dim);font-size:.875rem;line-height:1.6}@media(max-width:768px){.post-title{font-size:2rem}.post-details{flex-direction:column;gap:.75rem}.social-sharing{justify-content:flex-start}.related-grid{grid-template-columns:1fr}}