.blog-post-page{background-color:var(--background);min-height:100vh;padding:120px 0 80px}.post-container{max-width:800px;margin:0 auto}.back-link{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:40px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link svg{width:18px;height:18px;transition:transform .2s}.back-link:hover{color:var(--color-accent)}.back-link:hover svg{transform:translate(-4px)}.post-header{margin-bottom:60px}.post-date{color:var(--color-accent);margin-bottom:16px;font-size:1rem;font-weight:500;display:inline-block}.post-title{margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}.post-content{color:var(--color-text-primary);font-size:1.125rem;line-height:1.8}.post-content p{color:var(--color-text-secondary);orphans:2;widows:2;text-wrap:pretty;margin-bottom:24px}.post-content h3{color:var(--color-text-primary);margin:48px 0 24px;font-size:1.75rem;font-weight:600}.post-content h2{color:var(--color-text-primary);margin:56px 0 24px;font-size:2rem;font-weight:600}.post-content a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.post-content a:hover{color:var(--color-accent-dark)}.post-content blockquote{border-left:4px solid var(--color-accent);background:var(--color-accent-bg);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);margin:32px 0;padding:16px 24px}.post-content ul,.post-list{margin-bottom:32px;padding-left:20px;list-style-type:disc}.post-content ol{margin-bottom:32px;padding-left:24px;list-style-type:decimal}.post-content ul li,.post-content ol li,.post-list li{color:var(--color-text-secondary);orphans:2;widows:2;text-wrap:pretty;margin-bottom:16px;line-height:1.7}.post-content ul li strong,.post-content ol li strong,.post-list li strong{color:var(--color-text-primary)}.post-content code{border-radius:var(--radius-sm);background:var(--color-surface);padding:2px 6px;font-size:.95em}.post-content pre{border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:32px;padding:20px;overflow-x:auto}.post-content pre code{background:0 0;padding:0}.related-posts{border-top:1px solid var(--color-border);margin-top:80px;padding-top:48px}.related-posts-title{margin-bottom:24px;font-size:1.5rem}.related-posts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.related-post-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);color:inherit;flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.related-post-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.related-post-date{color:var(--color-accent);font-size:.875rem;font-weight:500}.related-post-title{margin:0;font-size:1.05rem;line-height:1.4}.related-post-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.925rem;line-height:1.6;display:-webkit-box;overflow:hidden}.post-footer{border-top:1px solid var(--color-border);margin-top:48px;padding-top:32px}.back-link--footer{margin-bottom:0}.post-list{margin-bottom:32px;padding-left:20px;list-style-type:disc}.post-list li{color:var(--color-text-secondary);margin-bottom:16px;line-height:1.7}.post-list li strong{color:var(--color-text-primary)}@media (width<=768px){.post-header{margin-bottom:40px}}