.blog-post-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:4rem 2rem;background-color:var(--color-background)}.blog-post-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-600);border-top:3px solid var(--color-gold);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.blog-post-loading p{font-family:var(--font-mono);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.blog-post-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:4rem 2rem;background-color:var(--color-background)}.blog-post-error .error-content{text-align:center;max-width:500px}.blog-post-error h2{font-family:var(--font-primary);font-size:clamp(32px,5vw,48px);font-weight:400;line-height:1.15;letter-spacing:-1.5px;color:var(--color-text-primary);margin-bottom:1rem}.blog-post-error p{font-family:var(--font-primary);font-size:1.125rem;font-weight:300;line-height:1.6;color:var(--color-text-secondary);margin-bottom:2rem}.blog-post-detail{max-width:800px;margin:0 auto;padding:120px 2rem 4rem;background-color:var(--color-background)}.blog-post-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.blog-post-breadcrumb a{color:var(--color-gold);text-decoration:none;transition:color .2s ease}.blog-post-breadcrumb a:hover{color:var(--color-gold-hover)}.breadcrumb-separator{color:var(--color-text-muted)}.breadcrumb-current{color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.blog-post-header-section{margin-bottom:3rem}.blog-post-detail .blog-post-title{font-family:var(--font-primary);font-size:clamp(32px,5vw,56px);font-weight:400;line-height:1.15;letter-spacing:-1.8px;color:var(--color-text-primary);margin-bottom:1.5rem}.blog-post-detail .blog-post-meta{display:flex;gap:1rem;margin-bottom:2rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.blog-post-detail .blog-post-date{font-weight:400}.blog-post-detail .blog-post-author{font-style:normal}.blog-post-featured-image{width:100%;margin:2rem 0;border:1px solid var(--color-border);overflow:hidden}.blog-post-featured-image img{width:100%;height:auto;display:block}.blog-post-content{font-family:var(--font-primary);font-size:1.125rem;font-weight:300;line-height:1.8;color:var(--color-text-secondary);margin-bottom:4rem}.blog-post-content h2{font-family:var(--font-primary);font-size:clamp(24px,4vw,36px);font-weight:400;line-height:1.3;letter-spacing:-1px;color:var(--color-text-primary);margin:3rem 0 1.5rem}.blog-post-content h3{font-family:var(--font-primary);font-size:clamp(20px,3vw,28px);font-weight:400;line-height:1.4;letter-spacing:-.5px;color:var(--color-text-primary);margin:2.5rem 0 1rem}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content a{color:var(--color-gold);text-decoration:none;border-bottom:1px solid var(--color-gold);transition:color .2s ease,border-color .2s ease}.blog-post-content a:hover{color:var(--color-gold-hover);border-bottom-color:var(--color-gold-hover)}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post-content li{margin-bottom:.75rem}.blog-post-content blockquote{border-left:3px solid var(--color-gold);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--color-text-primary)}.blog-post-content code{font-family:var(--font-mono);font-size:.9em;background:#c09e5a1a;padding:.2em .4em;border-radius:3px;color:var(--color-gold)}.blog-post-content pre{background:#0a0a0acc;border:1px solid var(--color-border);padding:1.5rem;margin:2rem 0;overflow-x:auto}.blog-post-content pre code{background:none;padding:0;color:var(--color-text-secondary)}.blog-post-content img{max-width:100%;height:auto;margin:2rem 0;border:1px solid var(--color-border)}.blog-post-content hr{border:none;border-top:1px solid var(--color-border);margin:3rem 0}.blog-post-footer-section{padding-top:3rem;border-top:1px solid var(--color-border)}.related-posts-container{margin-bottom:3rem}.related-posts-title{font-family:var(--font-primary);font-size:clamp(24px,4vw,32px);font-weight:400;line-height:1.3;letter-spacing:-1px;color:var(--color-text-primary);margin-bottom:2rem}.related-posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.related-post-card{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--color-border);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.related-post-card:hover{transform:translateY(-2px);border-color:var(--color-gold);box-shadow:0 8px 24px #c09e5a26,0 4px 8px #c09e5a1a}.related-post-image{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0a80}.related-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-post-card:hover .related-post-image img{transform:scale(1.05)}.related-post-placeholder{width:100%;height:100%;background:#0a0a0acc}.related-post-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);z-index:1}.related-post-title{font-family:var(--font-primary);font-size:1.125rem;font-weight:400;line-height:1.3;letter-spacing:-.5px;color:var(--color-text-primary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.related-post-card:hover .related-post-title{color:var(--color-gold)}.back-to-blog{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gold);text-decoration:none;transition:color .2s ease}.back-to-blog:hover{color:var(--color-gold-hover)}@media (min-width: 769px) and (max-width: 1024px){.blog-post-detail{padding:100px 2rem 3rem}.blog-post-content{font-size:1.0625rem}}@media (max-width: 768px){.blog-post-detail{padding:80px 1rem 2rem}.breadcrumb-current{max-width:150px}.blog-post-detail .blog-post-meta{flex-direction:column;gap:.5rem}.blog-post-content{font-size:1rem}.blog-post-content h2{margin:2rem 0 1rem}.blog-post-content h3{margin:1.5rem 0 .75rem}.blog-post-content ul,.blog-post-content ol{padding-left:1.5rem}.blog-post-content blockquote{padding-left:1rem;margin:1.5rem 0}.blog-post-content pre{padding:1rem;margin:1.5rem -1rem;border-left:none;border-right:none}.related-posts-grid{grid-template-columns:1fr;gap:1rem}.related-post-overlay{padding:1rem}.related-post-title{font-size:1rem}.related-posts-title{margin-bottom:1.5rem}}