.blog-content-wrapper{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:44rem;padding:2rem 1.5rem;width:100%}.blog-content-wrapper .page-title{color:hsl(var(--accent));font-size:var(--text-6xl);font-weight:700;margin-bottom:.5rem}@media(max-width:1024px){.blog-content-wrapper .page-title{font-size:var(--text-5xl)}}.blog-content-wrapper .post-date{color:hsl(var(--muted));font-size:var(--text-sm);margin-bottom:2rem}.blog-content{line-height:var(--text-base--line-height)}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:hsl(var(--muted));font-weight:600;margin-bottom:.75rem;margin-top:1.5rem}.blog-content h1{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height)}.blog-content h2{border-bottom:1px solid hsl(var(--muted));font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);padding-bottom:.5rem;padding-top:1.5rem}.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height)}.blog-content h1 a,.blog-content h2 a,.blog-content h3 a,.blog-content h4 a,.blog-content h5 a,.blog-content h6 a{color:hsl(var(--muted));text-decoration:none}.blog-content h1 a:hover,.blog-content h2 a:hover,.blog-content h3 a:hover,.blog-content h4 a:hover,.blog-content h5 a:hover,.blog-content h6 a:hover{color:hsl(var(--accent))}.blog-content p{color:hsl(var(--foreground));font-size:var(--text-lg);line-height:var(--text-lg--line-height);margin-bottom:1.2rem}@media(max-width:1024px){.blog-content p{font-size:var(--text-md)}}.blog-content ul{list-style-type:disc}.blog-content ol,.blog-content ul{color:hsl(var(--foreground));font-size:var(--text-lg);line-height:var(--text-lg--line-height);list-style-position:outside;margin-bottom:1.2rem;padding-left:1.5rem}.blog-content ol{list-style-type:decimal}.blog-content img{border-radius:var(--radius);display:block;margin:1.5rem 0;width:100%}.blog-content a{color:hsl(var(--primary));text-decoration:underline;transition:color .2s ease}.blog-content a:hover{color:hsl(var(--accent))}.blog-content-wrapper .post-description{border-top:1px solid hsl(var(--muted));color:hsl(var(--muted));font-size:var(--text-base);margin-top:2rem;padding-top:1rem}.blog-content-wrapper .back-link{color:hsl(var(--primary));display:inline-block;font-size:var(--text-base);font-weight:500;margin-top:1.5rem;text-decoration:underline;transition:color .2s ease}.blog-content-wrapper .back-link:hover{color:hsl(var(--accent))}