.reading-progress{background:var(--accent);z-index:9999;height:2px;box-shadow:0 0 8px rgba(var(--accent-rgb), .5);transition:width .1s linear;position:fixed;top:0;left:0}.blog-detail{z-index:2;box-sizing:border-box;width:100%;min-height:100vh;padding:15vh 4vw;position:relative}.back-link{color:var(--accent);font-family:var(--font-body);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:3rem;font-size:.8rem;text-decoration:none;transition:transform .3s;display:inline-flex}.back-link:hover{transform:translate(-5px)}.post-title{font-family:var(--font-heading);color:var(--text-color);margin-bottom:1.5rem;font-size:clamp(2rem,5vw,4rem);line-height:1.1}.post-meta{color:var(--text-muted);border-bottom:1px solid var(--border-glass);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:3rem;padding-bottom:1.5rem;font-size:.9rem;display:flex}.reading-time{color:var(--text-dim);align-items:center;gap:.3rem;font-size:.78rem;display:inline-flex}.post-cover{object-fit:cover;border-radius:8px;width:100%;max-height:400px;margin-bottom:3rem}.post-content{color:var(--text-color);font-size:1.1rem;line-height:1.8;font-family:var(--font-body)}.post-content h1,.post-content h2,.post-content h3{font-family:var(--font-subheading);color:var(--text-color);margin-top:2rem;margin-bottom:1rem}.post-content p{margin-bottom:1.2rem}.post-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.post-content code{background:var(--bg-glass);border-radius:3px;padding:.15rem .4rem;font-family:Courier New,monospace;font-size:.95em}.post-content pre{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:6px;margin:1.5rem 0;padding:1.2rem;overflow-x:auto}.post-content pre code{background:0 0;padding:0}.post-content blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:1.5rem 0;padding-left:1.2rem;font-style:italic}.post-content ul,.post-content ol{margin-bottom:1.2rem;padding-left:1.5rem}.post-content li{margin-bottom:.4rem}.post-content img{border-radius:6px;max-width:100%;margin:1.5rem 0}.post-tags{flex-wrap:wrap;gap:.5rem;margin-top:3rem;display:flex}.share-section{border-top:1px solid var(--border-glass);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.share-label{font-family:var(--font-body);letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;font-size:.65rem}.share-btn{border:1px solid var(--border-glass);color:var(--text-muted);font-size:.8rem;font-family:var(--font-subheading);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.4rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s;display:inline-flex}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.related-posts{border-top:1px solid var(--border-glass);margin-top:4rem;padding-top:2rem}.related-posts h2{font-family:var(--font-body);letter-spacing:2px;color:var(--text-dim);margin-bottom:1.5rem;font-size:.75rem}.related-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}@media (width<=768px){.blog-detail{padding:12vh 4vw}.post-title{font-size:clamp(1.5rem,6vw,2.5rem)}.post-meta{flex-wrap:wrap;font-size:.8rem}}.blog-detail{max-width:900px;margin:0 auto;padding:clamp(7.5rem,17vh,10.5rem) clamp(1.25rem,3vw,2rem) 2rem}.back-link{text-transform:none;color:var(--text-muted);font-size:.9rem}.back-link:hover{color:var(--accent-text)}.post-title{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2.6rem,6vw,4.75rem);font-weight:400;line-height:1}.post-cover{border:1px solid var(--border-glass);border-radius:var(--radius-xl);max-height:480px}.post-content h1,.post-content h2,.post-content h3{font-family:var(--font-serif);letter-spacing:-.01em;font-weight:400;line-height:1.15}.post-content h1{font-size:2.6rem}.post-content h2{font-size:2.1rem}.post-content h3{font-size:1.6rem}.post-content a{color:var(--accent-text)}.post-content pre{border-radius:var(--radius-md)}.post-content img{border-radius:var(--radius-lg)}@media (width<=768px){.blog-detail{padding-top:3.5rem}}.post-cover{aspect-ratio:16/9;object-fit:cover;height:auto;display:block}.post-meta a{color:inherit;text-underline-offset:3px;text-decoration:underline}.post-content img{height:auto}.author-bio{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-xl);grid-template-columns:auto minmax(0,1fr);gap:1.5rem;margin-top:3rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.author-bio img{object-fit:cover;object-position:top;border-radius:50%;width:96px;height:96px}.author-bio-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem;font-weight:600}.author-bio-name{font-family:var(--font-serif);margin-top:.3rem;font-size:2rem;line-height:1.1}.author-bio-role{color:var(--accent-text);margin-top:.2rem;font-size:.92rem}.author-bio-text{color:var(--text-muted);margin-top:.8rem;line-height:1.65}.author-bio-links{flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:1rem;font-size:.9rem;display:flex}.author-bio-links a{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.3em}.author-bio-links a:hover{color:var(--accent-text)}@media (width<=560px){.author-bio{grid-template-columns:minmax(0,1fr)}}