.blog-title{font-size:1.5rem;font-weight:700;color:#171717;margin:1.5rem 0 .8rem}.dark .blog-title{color:#ededed}.blog-meta{color:#171717;opacity:.7;font-size:.8rem}.dark .blog-meta{color:#ededed}.blog-image-container{position:relative;width:100%;height:250px;margin-top:.8rem;margin-bottom:1.5rem;border-radius:6px;overflow:hidden}.blog-image{object-fit:cover}.blog-content{font-size:1rem;line-height:1.6;font-family:Inter,sans-serif;color:#171717}.dark .blog-content{color:#ededed}.blog-content h1{font-size:1.8rem;margin:1.5rem 0 1rem;font-weight:700;color:#171717}.dark .blog-content h1{color:#ededed}.blog-content h2{font-size:1.5rem;margin:1.4rem 0 .9rem;font-weight:650;color:#171717}.dark .blog-content h2{color:#ededed}.blog-content h3{font-size:1.3rem;margin:1.2rem 0 .8rem;font-weight:600;color:#171717}.dark .blog-content h3{color:#ededed}.blog-content h4{font-size:1.1rem;margin:1rem 0 .7rem;font-weight:600;color:#171717}.dark .blog-content h4{color:#ededed}.blog-content h5{font-size:.9rem;margin:.8rem 0 .6rem;font-weight:600;color:#171717}.dark .blog-content h5{color:#ededed}.blog-content h6{font-size:.8rem;margin:.7rem 0 .5rem;font-weight:600;color:#171717}.dark .blog-content h6{color:#ededed}.blog-content p{font-size:1rem;margin-bottom:1.2rem;color:#171717}.dark .blog-content p{color:#ededed}.blog-content ol,.blog-content ul{margin:.8rem 0;padding-left:1.5rem;color:#171717}.dark .blog-content ol,.dark .blog-content ul{color:#ededed}.blog-content li{margin-bottom:.4rem;color:#171717}.dark .blog-content li{color:#ededed}.blog-content a{color:#2563eb;transition:color .3s ease}.blog-content a:hover{color:#1d4ed8}.blog-content blockquote{border-left:3px solid #2563eb;padding-left:.8rem;margin:1.2rem 0;font-style:italic;color:#171717;opacity:.8}.dark .blog-content blockquote{color:#ededed}.blog-content pre{background:#ffffff;border:1px solid #171717;border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;color:#171717;padding:1rem;margin:1rem 0;overflow-x:auto;box-shadow:0 1px 2px rgba(0,0,0,.1)}.dark .blog-content pre{background:#0a0a0a;border-color:#ededed;color:#ededed}.blog-content code{font-family:JetBrains Mono,Fira Code,monospace;background-color:rgba(0,0,0,.05);padding:.15em .3em;border-radius:3px;font-size:.9em;color:#171717}.dark .blog-content code{background-color:rgba(255,255,255,.1);color:#ededed}.blog-content img{max-width:100%;height:auto;border-radius:6px}.blog-content table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.9rem}.blog-content td,.blog-content th{border:1px solid #171717;padding:.5rem;text-align:left;color:#171717}.dark .blog-content td,.dark .blog-content th{border-color:#ededed;color:#ededed}.blog-content th{background-color:#ffffff;font-weight:600}.dark .blog-content th{background-color:#0a0a0a}@media (min-width:768px){.blog-title{font-size:1.8rem;margin:1.8rem 0 1.1rem}.blog-meta{font-size:.85rem}.blog-image-container{height:350px;margin-top:1rem;margin-bottom:1.8rem}.blog-content{font-size:1.1rem;line-height:1.7}.blog-content h1{font-size:2.2rem}.blog-content h2{font-size:1.8rem}.blog-content h3{font-size:1.4rem}.blog-content h4{font-size:1.15rem}.blog-content h5{font-size:.95rem}.blog-content h6{font-size:.85rem}.blog-content p{font-size:1.1rem}.blog-content pre,.blog-content table{font-size:.95rem}}@media (min-width:1024px){.blog-title{font-size:2rem;margin:2rem 0 1.2rem}.blog-meta{font-size:.9rem}.blog-image-container{height:400px;margin-top:1rem;margin-bottom:2rem}.blog-content{font-size:1.2rem;line-height:1.8}.blog-content h1{font-size:2.5rem}.blog-content h2{font-size:2rem}.blog-content h3{font-size:1.5rem}.blog-content h4{font-size:1.2rem}.blog-content h5{font-size:1rem}.blog-content h6{font-size:.9rem}.blog-content p{font-size:1.2rem}.blog-content pre,.blog-content table{font-size:1rem}}