.blog-post-hero{margin:8rem auto 2rem;height:360px;width:90%;border-radius:20px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-post-hero picture,.blog-post-hero-image{position:absolute;top:0;left:0;width:100%;height:100%}.blog-post-hero-image{object-fit:cover;z-index:0}.blog-post-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:1}.blog-post-hero-overlay{position:relative;z-index:2;text-align:center;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6);padding:1rem;max-width:900px}.blog-post-hero-overlay .blog-post-category,.blog-post-hero-overlay .blog-post-meta,.blog-post-hero-overlay h1{transition:transform .3s ease,color .3s ease}.blog-post-hero-overlay h1:hover{transform:scale(1.05)}.blog-post-categories{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.5rem}.blog-post-category{display:inline-block;background-color:rgba(255,255,255,.15);padding:.4rem 1rem;border-radius:20px;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.blog-post-title{font-size:3rem;font-weight:700;margin:.5rem 0;color:#ffffff}.blog-post-meta{font-size:.9rem;color:#ddd;margin-top:.5rem}.blog-post-body{max-width:800px;margin:3rem auto;padding:0 2rem;line-height:1.8;font-size:1.125rem;color:#333}.blog-post-body h1{font-size:2.25rem;font-weight:700;margin:2.5rem 0 1rem;line-height:1.2;color:#111827}.blog-post-body h2{font-size:1.75rem;font-weight:700;margin:2rem 0 .75rem;line-height:1.25;color:#111827}.blog-post-body h3{font-size:1.375rem;font-weight:600;margin:1.75rem 0 .5rem;line-height:1.3;color:#1f2937}.blog-post-body h4{font-size:1.125rem;font-weight:600;margin:1.5rem 0 .5rem;color:#1f2937}.blog-post-body h5,.blog-post-body h6{font-size:1rem;font-weight:600;margin:1.25rem 0 .5rem;color:#374151}.blog-post-body p{margin:0 0 1.25rem;font-size:inherit;line-height:inherit;color:inherit}.blog-post-body a{color:var(--color-primary,#3c2b91);text-decoration:underline;text-underline-offset:2px}.blog-post-body a:hover{color:var(--color-accent,#6c50ad)}.blog-post-body b,.blog-post-body strong{font-weight:700}.blog-post-body em,.blog-post-body i{font-style:italic}.blog-post-body ul{list-style-type:disc}.blog-post-body ol,.blog-post-body ul{padding-left:1.75rem;margin:1rem 0 1.25rem}.blog-post-body ol{list-style-type:decimal}.blog-post-body li{margin-bottom:.5rem;padding-left:.25rem}.blog-post-body li::marker{color:var(--color-primary,#3c2b91)}.blog-post-body blockquote{border-left:4px solid var(--color-primary,#3c2b91);margin:1.5rem 0;padding:1rem 1.5rem;background-color:#f9fafb;color:#4b5563;font-style:italic;border-radius:0 8px 8px 0}.blog-post-body img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0}.blog-post-body hr{border:none;height:1px;background-color:#e5e7eb;margin:2rem 0}.blog-post-body table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-post-body td,.blog-post-body th{border:1px solid #e5e7eb;padding:.75rem 1rem;text-align:left}.blog-post-body th{background-color:#f3f4f6;font-weight:600;color:#111827}.blog-post-body pre{background-color:#1f2937;color:#e5e7eb;padding:1rem 1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;font-size:.875rem;line-height:1.6}.blog-post-body code{background-color:#f3f4f6;padding:.15rem .4rem;border-radius:4px;font-size:.875em}.blog-post-body pre code{background-color:transparent;padding:0;border-radius:0;font-size:inherit}.blog-divider{border:none;height:1px;background-color:#e5e7eb;margin:4rem auto 2rem;width:80%}.more-blogs-title{text-align:center;font-size:2rem;margin-bottom:1.5rem;color:#111827}.more-blogs-container{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;padding-inline:1rem;scroll-padding-inline:1rem;justify-content:center}.more-blogs-container::-webkit-scrollbar{display:none}.more-blog-card{width:280px;border-radius:12px;overflow:hidden;background:#f9fafb;box-shadow:0 4px 10px rgba(0,0,0,.05);cursor:pointer;transition:transform .3s ease}.more-blog-card:hover{transform:translateY(-4px)}.more-blog-image{width:100%;height:160px;object-fit:cover;display:block}.more-blog-title{font-size:1rem;font-weight:600;padding:.75rem 1rem;color:#1f2937}@media (max-width:768px){.blog-post-title{font-size:2rem}.more-blogs-container{justify-content:flex-start;padding-inline:1rem;scroll-padding-inline:1rem}.more-blogs-container::-webkit-scrollbar{display:none}.more-blog-card{flex:0 0 280px;scroll-snap-align:start}}