.blog-detail-container{width:100%;padding:2rem 0}.blog-detail-inner{max-width:900px!important;margin:0 auto;padding:0 1rem}.blog-header{margin-bottom:2rem}.featured-image-container{position:relative;width:100%;aspect-ratio:21/9;max-height:400px;margin:2rem auto;border-radius:12px;overflow:hidden}.featured-image{object-fit:cover!important;width:100%!important;position:relative!important;height:unset!important}.category-chip{align-self:flex-start;height:32px;font-size:.875rem;font-weight:500}.blog-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin:0;background:linear-gradient(45deg,#1a1a1a,#4a4a4a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.meta-info{display:flex;flex-wrap:wrap;gap:1rem}.meta-text{font-size:.875rem;color:#666}.ql-code-block{padding-top:.1rem;color:#abb2bf;font-family:Fira Code,monospace;font-size:clamp(.75rem,1.5vw,.9rem);overflow-x:auto;white-space:pre-wrap;-webkit-overflow-scrolling:touch}.ql-code-block-container{background-color:#282c34;border-radius:clamp(4px,1vw,8px);overflow:hidden;padding:clamp(.75rem,2vw,1rem);margin:clamp(.75rem,2vw,1rem) -1rem;width:calc(100% + 2rem)}@media (min-width:640px){.ql-code-block-container{margin:clamp(.75rem,2vw,1rem) 0;width:100%}}.ql-code-block::-webkit-scrollbar{height:6px}.ql-code-block::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.ql-code-block::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.ql-code-block::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.blog-content{font-family:inherit;color:inherit;line-height:1.6;padding:0;font-size:clamp(.875rem,1.5vw,1.125rem)}.blog-content h1,.blog-content h2,.blog-content h3{font-weight:600;line-height:1.2;margin:clamp(.75rem,2vw,1.5rem) 0}.blog-content h1{font-size:clamp(1.5rem,4vw,2.5rem)}.blog-content h2{font-size:clamp(1.25rem,3vw,2rem)}.blog-content h3{font-size:clamp(1.125rem,2.5vw,1.75rem)}.blog-content p{margin:clamp(.5rem,1.5vw,1rem) 0;font-size:clamp(.875rem,1.5vw,1.125rem)}.blog-content ol,.blog-content ul{margin:clamp(.75rem,2vw,1rem) 0;padding-left:clamp(1.25rem,4vw,1.5rem)}.blog-content li{margin-bottom:.5rem;font-size:clamp(.875rem,2vw,1rem)}.blog-content code{font-family:Fira Code,Consolas,monospace;background:rgba(0,0,0,.1);padding:.1em .4em;border-radius:4px;font-size:clamp(.75rem,1.5vw,.9rem);color:inherit;white-space:pre-wrap;word-break:break-word}.blog-content img{max-width:100%;height:auto;border-radius:clamp(4px,1vw,8px);margin:clamp(.75rem,2vw,1rem) 0}@media (max-width:640px){.blog-content img{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);max-width:none;border-radius:0}}.tags-container{flex-wrap:wrap;gap:.5rem}.tag-chip{border-radius:4px;font-size:.875rem;height:28px;transition:all .2s ease}[data-theme=dark] .blog-title{background:linear-gradient(45deg,#ffffff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .meta-text{color:#94a3b8}[data-theme=dark] .ql-code-block-container{background-color:#1a1a1a;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .blog-content code{background:rgba(255,255,255,.1)}@media (max-width:768px){.blog-detail-container{padding:1rem 0}.featured-image-container{margin:1.5rem -1rem;width:calc(100% + 2rem);border-radius:0;max-height:300px}.meta-info{flex-direction:row;gap:1rem}}@media (max-width:480px){.featured-image-container{max-height:200px}}