.blog-card{display:block;text-decoration:none}#readingProgressBar{will-change:width}.blog-content{font-size:1.125rem;line-height:1.75;color:#374151}.blog-content h1{font-size:2.25rem;font-weight:700;margin:2rem 0 1rem;color:#111827;scroll-margin-top:100px}.blog-content h2{font-size:1.875rem;margin:1.75rem 0 .75rem}.blog-content h2,.blog-content h3{font-weight:600;color:#111827;scroll-margin-top:100px}.blog-content h3{font-size:1.5rem;margin:1.5rem 0 .5rem}.blog-content h4{font-size:1.25rem;font-weight:600;margin:1.25rem 0 .5rem;color:#111827;scroll-margin-top:100px}.blog-content p{margin-bottom:1.25rem}.blog-content a{color:#4f46e5;text-decoration:underline}.blog-content a:hover{color:#6366f1}.blog-content ol,.blog-content ul{margin:1.25rem 0;padding-left:1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content img{border-radius:.5rem;margin:1.5rem 0;max-width:100%;height:auto}.blog-content blockquote{border-left:4px solid #4f46e5;padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:#4b5563}.blog-content code{background:#f3f4f6;padding:.2rem .4rem;border-radius:.25rem;font-size:.875em}.blog-content pre{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0}.blog-content pre code{background:transparent;padding:0;color:inherit}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-content td,.blog-content th{border:1px solid #e5e7eb;padding:.5rem .75rem}.blog-content th{background:#f9fafb;font-weight:600}@media (max-width:768px){.blog-content{font-size:1rem}.blog-content h1{font-size:1.875rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}}.toc-btn{cursor:pointer}.toc-btn.is-active{color:var(--color-primary,#4f46e5);font-weight:600}.toc-btn.is-active svg{color:var(--color-primary,#4f46e5);transform:translateX(4px)}.faq-answer{transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-button[aria-expanded=true] .faq-icon{transform:rotate(180deg)}