@media (max-width:768px){.blog-post-content{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.blog-post-content img{max-width:100%;height:auto;margin:1rem auto;display:block}.blog-post-content pre{background-color:var(--muted);border:1px solid var(--border);border-radius:.5rem;margin:1rem 0;padding:1rem;font-size:.875rem;overflow-x:auto}.blog-post-content table{white-space:nowrap;border:1px solid var(--border);font-size:.875rem;display:block;overflow-x:auto}.blog-post-content blockquote{border-left:4px solid var(--border);background-color:var(--muted);border-radius:.25rem;margin:1rem 0;padding:.5rem 1rem}.blog-post-content code{background-color:var(--muted);color:var(--foreground);border-radius:.25rem;padding:.125rem .25rem;font-size:.875rem}}.blog-card-hover{transition:all .2s ease-in-out}.blog-card-hover:hover{box-shadow:0 10px 25px -5px color-mix(in srgb, var(--muted-foreground) 10%, transparent);transform:scale(1.02)}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.blog-social-icon{color:var(--foreground);transition:transform .2s ease-in-out}.blog-social-icon:hover{color:var(--primary);transform:scale(1.1)}.blog-content-wrapper{line-height:1.7}.blog-content-wrapper h1,.blog-content-wrapper h2,.blog-content-wrapper h3,.blog-content-wrapper h4,.blog-content-wrapper h5,.blog-content-wrapper h6{color:var(--foreground);margin-top:2rem;margin-bottom:1rem}.blog-content-wrapper p{color:var(--foreground);margin-bottom:1rem}.blog-content-wrapper a{color:var(--primary);text-decoration:underline}