.blog-content,.ql-editor{font-family:inherit;color:inherit;line-height:1.6;padding:0}.blog-content h1,.blog-content h2,.blog-content h3,.ql-editor h1,.ql-editor h2,.ql-editor h3{font-weight:600;line-height:1.2;margin:clamp(.75rem,2vw,1.5rem) 0}.blog-content h1,.ql-editor h1{font-size:clamp(1.5rem,4vw,2.5rem)}.blog-content h2,.ql-editor h2{font-size:clamp(1.25rem,3vw,2rem)}.blog-content h3,.ql-editor h3{font-size:clamp(1.125rem,2.5vw,1.75rem)}.blog-content p,.ql-editor p{margin:clamp(.5rem,1.5vw,1rem) 0;font-size:clamp(.875rem,1.5vw,1.125rem)}.blog-content ol,.blog-content ul,.ql-editor ol,.ql-editor ul{margin:clamp(.75rem,2vw,1rem) 0;padding-left:clamp(1.25rem,4vw,1.5rem)}.blog-content li,.ql-editor li{margin-bottom:.5rem;font-size:clamp(.875rem,2vw,1rem)}.blog-content code,.ql-editor code{font-family:Fira Code,Consolas,monospace;background:rgba(0,0,0,.1);padding:.1em .4em;border-radius:4px;color:inherit;word-break:break-word}.blog-content code,.code-block,.ql-editor code{font-size:clamp(.75rem,1.5vw,.9rem);white-space:pre-wrap}.code-block{padding-top:.1rem;color:#abb2bf;font-family:Fira Code,monospace;overflow-x:auto;-webkit-overflow-scrolling:touch}.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){.code-block-container{margin:clamp(.75rem,2vw,1rem) 0;width:100%}}[data-theme=dark] .code-block-container{background-color:#1a1a1a;border:1px solid rgba(255,255,255,.1)}.code-block::-webkit-scrollbar{height:6px}.code-block::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.code-block::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.code-block::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.blog-content blockquote,.ql-editor blockquote{border-left:4px solid;border-color:#3b82f6;margin:clamp(1rem,3vw,1.5rem) 0;padding-left:clamp(.75rem,2vw,1rem);font-style:italic;color:#64748b;font-size:clamp(.875rem,2vw,1rem)}.blog-content .ql-align-center,.ql-align-center{text-align:center}.blog-content .ql-align-right,.ql-align-right{text-align:right}.blog-content .ql-align-justify,.ql-align-justify{text-align:justify}.blog-content a,.ql-editor a{color:#3b82f6;text-decoration:none;transition:color .2s;word-break:break-word}.blog-content a:hover,.ql-editor a:hover{text-decoration:underline}.blog-content img,.ql-editor 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,.ql-editor img{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);max-width:none;border-radius:0}}[data-theme=dark] .blog-content,[data-theme=dark] .ql-editor{color:#e2e8f0}[data-theme=dark] .blog-content pre,[data-theme=dark] .ql-editor pre.ql-syntax{background:#1a1a1a;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .blog-content code,[data-theme=dark] .ql-editor code{background:rgba(255,255,255,.1)}[data-theme=dark] .blog-content blockquote,[data-theme=dark] .ql-editor blockquote{color:#94a3b8}.blog-content table,.ql-editor table{width:100%;border-collapse:collapse;margin:clamp(.75rem,2vw,1rem) 0;font-size:clamp(.875rem,2vw,1rem);overflow-x:auto;display:block}.blog-content td,.blog-content th,.ql-editor td,.ql-editor th{border:1px solid rgba(0,0,0,.1);padding:clamp(.5rem,1.5vw,.75rem)}[data-theme=dark] .blog-content td,[data-theme=dark] .blog-content th,[data-theme=dark] .ql-editor td,[data-theme=dark] .ql-editor th{border-color:rgba(255,255,255,.1)}.ql-ui{display:none!important}.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}}