/* Blog Post Shared Styles — acharyaanand.in */

/* NOTE: Blog posts use the shared site header (header#hdr > nav.nav) defined in
   styles.css, which is position:sticky and self-spacing. No fixed .navbar component
   is used here, so the old .navbar/.menu-toggle/.mobile-menu rules were removed to
   avoid dead code and an unscoped .nav-links collision with the nav#nav posts. */

.blog-post-hero{min-height:45vh;background:linear-gradient(135deg,#0F0F0F 0%,#1A1A1A 100%);display:flex;align-items:center;position:relative;overflow:hidden;padding-top:72px}.blog-post-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,rgba(197,160,89,0.06) 0%,transparent 60%);pointer-events:none}.blog-post-hero-inner{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto;padding:4rem 1.5rem 3rem}.blog-post-hero h1{color:#E8E4DD;font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin-bottom:1.25rem}.blog-post-meta{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.blog-post-meta span{font-family:'Inter',sans-serif;font-size:0.8125rem;color:#A8A199;letter-spacing:0.03em}.blog-post-meta .category-tag{background:rgba(197,160,89,0.15);color:#C5A059;padding:0.25rem 0.75rem;border-radius:2px;font-weight:600;text-transform:uppercase;font-size:0.625rem;letter-spacing:0.1em}.blog-post-body{background:#FDFCF8;padding:4rem 1.5rem 5rem}.blog-post-content{max-width:720px;margin:0 auto;font-family:'Inter',sans-serif;font-size:1.0625rem;line-height:1.85;color:#3A3632}.blog-post-content h2{font-family:'Playfair Display',serif;font-size:1.625rem;color:#1A1A1A;margin:2.5rem 0 1rem;line-height:1.3}.blog-post-content h3{font-family:'Playfair Display',serif;font-size:1.25rem;color:#1A1A1A;margin:2rem 0 0.75rem;line-height:1.3}.blog-post-content p{margin-bottom:1.25rem}.blog-post-content ul,.blog-post-content ol{margin:1rem 0 1.5rem 1.5rem}.blog-post-content li{margin-bottom:0.5rem}.blog-post-content blockquote{border-left:3px solid #C5A059;margin:2rem 0;padding:1rem 1.5rem;background:rgba(197,160,89,0.05);font-style:italic;color:#5A5651}.blog-post-content .highlight-box{background:linear-gradient(135deg,#0F0F0F,#1A1A1A);color:#E8E4DD;padding:2rem;border-radius:4px;margin:2rem 0;border-left:3px solid #C5A059}.blog-post-content .highlight-box h3{color:#C5A059;margin-top:0}.blog-cta-box{background:linear-gradient(135deg,#0F0F0F,#1A1A1A);padding:3rem;border-radius:4px;text-align:center;margin:3rem 0}.blog-cta-box h3{font-family:'Playfair Display',serif;color:#E8E4DD;font-size:1.5rem;margin:0 0 0.75rem}.blog-cta-box p{color:#A8A199;font-family:'Inter',sans-serif;font-size:0.9375rem;margin-bottom:1.5rem}.blog-cta-box .btn{display:inline-block;background:#C5A059;color:#0F0F0F;font-family:'Inter',sans-serif;font-weight:600;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.1em;padding:0.875rem 2rem;border-radius:2px;text-decoration:none;transition:all 0.3s ease}.blog-cta-box .btn:hover{background:#D4B068}.blog-nav-bottom{max-width:720px;margin:0 auto;padding:2rem 0;border-top:1px solid rgba(26,26,26,0.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.blog-nav-bottom a{font-family:'Inter',sans-serif;font-size:0.875rem;color:#C5A059;text-decoration:none;font-weight:500;transition:color 0.3s}.blog-nav-bottom a:hover{color:#D4B068}.share-links{display:flex;gap:0.75rem;align-items:center}.share-links span{font-family:'Inter',sans-serif;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:#A8A199}.share-links a{width:36px;height:36px;border-radius:50%;background:rgba(26,26,26,0.05);display:flex;align-items:center;justify-content:center;transition:background 0.3s}.share-links a:hover{background:rgba(197,160,89,0.15)}.share-links a svg{width:16px;height:16px;color:#3A3632}@media(max-width:768px){.blog-post-body{padding:2.5rem 1rem 3rem}.blog-post-content{font-size:1rem}.blog-cta-box{padding:2rem 1.5rem}.blog-nav-bottom{flex-direction:column;text-align:center}}