.blog-post{max-width:720px;margin:0 auto;padding:120px 24px 80px}.back-link{font-family:var(--font-mono),monospace;color:var(--text-dim);margin-bottom:32px;font-size:.8rem;transition:color .2s;display:inline-block}.back-link:hover{color:var(--text)}.blog-post-title{color:var(--text);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15}.blog-post-title a{color:inherit;text-decoration:none;transition:color .2s}.blog-post-title a:hover{color:var(--accent-purple)}.blog-external-note{font-family:var(--font-mono),monospace;color:var(--text-dim);margin-bottom:0;font-size:.8rem}.blog-external-note a{color:var(--accent-purple);text-underline-offset:3px;text-decoration:underline}.blog-post-meta{align-items:center;gap:16px;margin-bottom:16px;display:flex}.blog-post-header{border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:32px}.blog-post-meta time{font-family:var(--font-mono),monospace;color:var(--text-dim);font-size:.8rem}.blog-post-meta .project-tags{flex-wrap:wrap;gap:8px;display:flex}.blog-post-meta .project-tag{font-family:var(--font-mono),monospace;color:var(--text-dim);background:#ffffff08;border-radius:20px;padding:4px 10px;font-size:.7rem}.blog-post-content{color:var(--text-dim);font-size:1.05rem;line-height:1.8}.blog-post-content h2{color:var(--text);margin-top:48px;margin-bottom:16px;font-size:1.5rem;font-weight:600}.blog-post-content h3{color:var(--text);margin-top:32px;margin-bottom:12px;font-size:1.25rem;font-weight:600}.blog-post-content p{margin-bottom:24px}.blog-post-content img{border-radius:var(--radius-sm);width:100%;max-width:700px;height:auto;margin:32px auto 8px;display:block}.blog-post-content p:has(>img)+p{text-align:center;color:var(--text-dim);margin-top:0;margin-bottom:32px;font-size:.875rem;font-style:italic}.blog-post-content p:has(>img){margin-bottom:0}.blog-post-content a{color:var(--accent-purple);text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.blog-post-content a:hover{opacity:.7}.blog-post-content blockquote{border-left:3px solid var(--accent-purple);color:var(--text-dim);margin:32px 0;padding-left:20px;font-style:italic}.blog-post-content blockquote p{margin-bottom:0}.blog-post-content code{font-family:var(--font-mono),monospace;background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:.85em}.blog-post-content pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin:24px 0;padding:20px;overflow-x:auto}.blog-post-content pre code{background:0 0;padding:0;font-size:.85rem;line-height:1.6}.blog-post-content ul,.blog-post-content ol{margin-bottom:24px;padding-left:24px}.blog-post-content li{margin-bottom:8px}.blog-post-content strong{color:var(--text);font-weight:600}.blog-post-content em{color:var(--text);font-style:italic}.blog-post-content p>em:only-child{font-style:italic}.blog-post-content hr{border:none;border-top:1px solid var(--border);margin:48px 0}@media (max-width:480px){.blog-post{padding:100px 16px 60px}}