.blog-content-wrapper{background-color:var(--background);color: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: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: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: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:.0625rem solid 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: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:var(--accent)}.blog-content p{color: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: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:var(--primary);text-decoration:underline;transition:color .2s ease}.blog-content a:hover{color:var(--accent)}.blog-content-wrapper .post-description{border-top:.0625rem solid var(--muted);color:var(--muted);font-size:var(--text-base);margin-top:2rem;padding-top:1rem}.blog-content-wrapper .back-link{color: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:var(--accent)}