.blog-detail-wrapper{background-color:#fff;width:100%;min-height:100vh}.blog-detail-hero{background-position:50%;background-size:cover;justify-content:center;align-items:flex-end;width:100%;height:500px;padding-bottom:60px;display:flex;position:relative}.blog-detail-hero-overlay{background:linear-gradient(#0003 0%,#000c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.blog-detail-hero-content{z-index:1;text-align:center;color:#fff;max-width:900px;padding:0 20px;position:relative}.blog-detail-header-no-image{text-align:center;background-color:#f9fafb;max-width:900px;margin:0 auto;padding:120px 20px 60px}.blog-detail-category{color:#111827;background-color:#facc15;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}.blog-detail-hero-content h1{font-family:var(--font-playfair), serif;text-shadow:0 2px 10px #0006;margin-bottom:24px;font-size:3.5rem;line-height:1.2}.blog-detail-header-no-image h1{font-family:var(--font-playfair), serif;color:#111827;margin-bottom:24px;font-size:3.5rem;line-height:1.2}.blog-detail-meta{color:#e5e7eb;justify-content:center;align-items:center;gap:16px;font-size:15px;display:flex}.blog-detail-header-no-image .blog-detail-meta{color:#6b7280}.meta-author{color:#fff;align-items:center;gap:10px;font-weight:500;display:flex}.blog-detail-header-no-image .meta-author{color:#111827}.meta-author img{object-fit:cover;border-radius:50%;width:32px;height:32px}.meta-divider{opacity:.5}.blog-detail-content-container{max-width:800px;margin:0 auto;padding:60px 20px 100px}.markdown-body{font-family:var(--font-inter), sans-serif;color:#374151;font-size:1.125rem;line-height:1.8}.markdown-body h2{font-family:var(--font-playfair), serif;color:#111827;margin-top:48px;margin-bottom:24px;font-size:2rem}.markdown-body h3{color:#111827;margin-top:32px;margin-bottom:16px;font-size:1.5rem}.markdown-body p{margin-bottom:24px}.markdown-body ul,.markdown-body ol{margin-bottom:24px;padding-left:24px}.markdown-body li{margin-bottom:8px}.markdown-body a{color:#3b82f6;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body blockquote{color:#4b5563;background:#f9fafb;border-left:4px solid #facc15;border-radius:0 8px 8px 0;margin-left:0;padding:20px;font-style:italic}@media (max-width:768px){.blog-detail-hero{height:400px}.blog-detail-hero-content h1,.blog-detail-header-no-image h1{font-size:2.5rem}}