.blog-content{color:#3f3f46;width:100%;max-width:none;font-size:1.075rem;line-height:1.8}.dark .blog-content{color:#d4d4d8}.blog-content>*{width:100%;min-width:0;max-width:none}.blog-content p{text-wrap:pretty;margin:0 0 1.35rem}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{color:#18181b;text-wrap:balance;font-weight:700;line-height:1.25}.dark .blog-content h1,.dark .blog-content h2,.dark .blog-content h3,.dark .blog-content h4{color:#fafafa}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{scroll-margin-top:120px}.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:inherit;text-decoration:none}.blog-content h1{margin:3rem 0 1.25rem;font-size:clamp(2rem,3.2vw,2.8rem)}.blog-content h2{margin:2.25rem 0 1rem;font-size:clamp(1.5rem,2.2vw,2rem)}.blog-content h3{margin:1.75rem 0 .85rem;font-size:clamp(1.25rem,1.8vw,1.5rem)}.blog-content h4{margin:1.35rem 0 .65rem;font-size:1.15rem}.blog-content ul,.blog-content ol{margin:1.1rem 0 1.35rem;padding-left:1.4rem}.blog-content li{margin:0 0 .55rem}.blog-content blockquote{background:#4f46e512;border-left:4px solid #4f46e5;border-radius:0 .6rem .6rem 0;margin:1.8rem 0;padding:1rem 1.2rem}.dark .blog-content blockquote{background:#818cf81f}.blog-content a{color:#4f46e5;text-underline-offset:3px;-webkit-text-decoration:underline #4f46e559;text-decoration:underline #4f46e559}.dark .blog-content a{color:#a5b4fc;text-decoration-color:#a5b4fc66}.blog-content code{color:#4f46e5;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.35rem;padding:.15rem .4rem;font-size:.9em}.dark .blog-content code{color:#a5b4fc;background:#1e293b;border-color:#334155}.blog-content pre{background:#0f172a;border:1px solid #334155;border-radius:.6rem;margin:1.75rem 0;padding:1rem;overflow-x:auto}.blog-content pre code{color:inherit;background:0 0;border:0;padding:0}.blog-content table{border-collapse:collapse;width:100%;margin:1.75rem 0}.blog-content th,.blog-content td{text-align:left;vertical-align:top;border:1px solid #d4d4d8;padding:.7rem}.dark .blog-content th,.dark .blog-content td{border-color:#3f3f46}.blog-content img{border-radius:.6rem;width:100%;max-width:100%;height:auto;margin:1.5rem 0}@media (max-width:768px){.blog-content{font-size:1rem;line-height:1.75}.blog-content h1{margin-top:2rem}}