.blog-post-page{min-height:100vh;padding:8rem 0 4rem}.blog-post{max-width:900px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;margin-bottom:2rem;transition:all .2s ease;font-weight:500}.back-link:hover{color:var(--neon-blue);gap:.75rem}.post-header{margin-bottom:2rem}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.post-date{display:flex;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:1rem}.post-date svg{color:var(--neon-blue)}.post-category{padding:.35rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;font-size:.9rem;color:var(--neon-purple);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.post-title{font-size:clamp(2rem,6vw,3.5rem);margin-bottom:1.5rem;line-height:1.2}.post-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.post-tags{display:flex;flex-wrap:wrap;gap:.75rem}.post-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;font-size:.95rem;color:var(--text-secondary);transition:all .2s ease}.post-tag:hover{border-color:var(--neon-blue);color:var(--neon-blue)}.post-actions{display:flex;gap:1rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn:hover{border-color:var(--neon-blue);color:var(--neon-blue);background:#4facfe1a}.like-btn.liked{border-color:var(--neon-pink);color:var(--neon-pink);background:#f093fb1a}.like-btn.liked svg{animation:heartbeat .3s ease}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.share-container{position:relative}.share-menu{position:absolute;top:calc(100% + .5rem);left:0;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;min-width:180px;z-index:100}.share-menu button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm);text-align:left;font-family:var(--font-primary)}.share-menu button:hover{background:var(--glass-bg);color:var(--neon-blue)}.share-menu button svg{font-size:1.1rem}.post-content{padding:clamp(1rem,4vw,3rem);min-width:0;overflow-wrap:anywhere;margin-bottom:3rem;line-height:1.8}.post-content h2:first-child,.post-content h3:first-child,.post-content p:first-child{margin-top:0}.post-content h2{font-size:2rem;margin:2.5rem 0 1.5rem;color:var(--text-primary);scroll-margin-top:7rem}.post-content h3{font-size:1.5rem;margin:2rem 0 1rem;color:var(--text-primary)}.post-content p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem}.post-content strong{color:var(--text-primary);font-weight:700}.post-content em{font-style:italic;color:var(--neon-purple)}.post-content a{color:var(--neon-blue);text-decoration:underline;transition:color .2s ease}.post-content a:hover{color:var(--neon-purple)}.post-content blockquote{border-left:4px solid var(--neon-blue);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--text-secondary);background:var(--glass-bg);padding:1.5rem;border-radius:var(--radius-md)}.post-content ol,.post-content ul{margin:1.5rem 0;padding-left:2rem}.post-content li{margin-bottom:.75rem;color:var(--text-secondary)}.post-content code{background:var(--bg-tertiary);padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.95em;color:var(--neon-green)}.post-content pre{background:var(--bg-tertiary);padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin:1.5rem 0}.post-content pre code{background:none;padding:0}.post-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1.5rem 0;display:block;box-shadow:0 4px 20px #0000004d}.post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;overflow-x:auto;display:block}.post-content thead{border-bottom:2px solid var(--neon-blue)}.post-content th{text-align:left;padding:.75rem 1rem;color:var(--text-primary);font-weight:700;white-space:normal;vertical-align:top}.post-content td{padding:.6rem 1rem;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);white-space:normal;vertical-align:top}.post-content tbody tr:hover{background:var(--glass-bg)}.post-footer{margin:3rem 0;padding:2rem 0;border-top:1px solid var(--glass-border)}.post-nav{display:flex;justify-content:space-between;gap:1rem}.post-comments{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--glass-border)}.comments-title{font-size:1.75rem;margin-bottom:2rem;color:var(--text-primary)}.post-not-found{text-align:center;padding:6rem 2rem}.post-not-found h2{font-size:2.5rem;margin-bottom:2rem;color:var(--text-primary)}@media(max-width:768px){.blog-post-page{padding:6.5rem 0 2rem}.post-content{padding:2rem 1.5rem}.post-actions{flex-direction:column;align-items:stretch}.action-btn{justify-content:center}.share-menu{position:fixed;top:auto;bottom:1rem;left:1rem;right:1rem}}.article-contents{margin-bottom:2rem;padding:1.25rem 1.5rem;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-secondary)}.article-contents summary{cursor:pointer;font-weight:600;padding:.5rem 0}.article-contents ul{list-style:none;padding:0;margin:.75rem 0 0}.article-contents a{display:block;padding:.5rem 0;color:var(--text-secondary)}.article-contents a:hover{color:var(--text-primary);text-decoration:underline}.article-contents .contents-subheading{padding-left:1.25rem;font-size:.95rem}.post-content :is(h2,h3){scroll-margin-top:7rem}.related-reading{margin:3rem 0}.related-reading>h2{margin-bottom:1.25rem}.related-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.related-reading-card{display:flex;flex-direction:column;padding:1.5rem;min-width:0;color:var(--text-primary)}.related-reading-card h3{font-size:1.2rem;margin-bottom:.75rem}.related-reading-card p{color:var(--text-secondary);margin-bottom:1rem}.related-reading-card>span{margin-top:auto;font-weight:600}@media(max-width:600px){.related-reading-grid{grid-template-columns:1fr}}