.blog-details-page{padding-bottom:4rem}.blog-details-main{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem 2rem;box-shadow:var(--shadow-sm);margin-bottom:3rem}.blog-category-badge-wrap{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.blog-details-title{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem;color:var(--text-primary)}@media(min-width:768px){.blog-details-title{font-size:2.75rem}}.blog-details-meta-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;padding:1.25rem;background-color:var(--bg-subtle);border-radius:var(--radius-md);margin-bottom:2rem}@media(min-width:640px){.blog-details-meta-grid{grid-template-columns:repeat(3,1fr)}}.meta-block{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.meta-val{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.font-mono{font-family:var(--font-mono)}.body-heading{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.body-text{font-size:1.0625rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.body-text.placeholder{font-style:italic;color:var(--text-tertiary)}.blog-details-tags{margin-bottom:2.5rem}.tags-heading{font-size:.875rem;font-weight:600;color:var(--text-tertiary);margin-bottom:.75rem}.tags-flex{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.blog-details-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.related-blogs-section{margin-top:3rem}.related-heading{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.related-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:768px){.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-not-found{padding:4rem 1.5rem}.empty-blog-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem;background-color:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);max-width:500px;margin:0 auto;gap:1rem}