.blog-content{color:#374151;font-size:1.125rem;line-height:1.75}.dark .blog-content{color:#d1d5db}.blog-content>h1{color:#111827;letter-spacing:-.025em;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.dark .blog-content>h1{color:#f9fafb}.blog-content>h2{color:#111827;letter-spacing:-.025em;border-bottom:2px solid #e5e7eb;margin-top:2.5rem;margin-bottom:1.25rem;padding-bottom:.5rem;scroll-margin-top:6rem;font-size:2rem;font-weight:700;line-height:1.3}.dark .blog-content>h2{color:#f3f4f6;border-bottom-color:#374151}.blog-content>h3{color:#1f2937;letter-spacing:-.025em;margin-top:2rem;margin-bottom:1rem;scroll-margin-top:6rem;font-size:1.5rem;font-weight:600;line-height:1.4}.dark .blog-content>h3{color:#e5e7eb}.blog-content>h4{color:#374151;margin-top:1.5rem;margin-bottom:.75rem;scroll-margin-top:6rem;font-size:1.25rem;font-weight:600;line-height:1.5}.dark .blog-content>h4{color:#d1d5db}.blog-content>p{color:#374151;margin-bottom:1.5rem;line-height:1.75}.dark .blog-content>p{color:#d1d5db}.blog-content>p>a,.blog-content>ul>li>a,.blog-content>ol>li>a{color:#2563eb;text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #2563eb66;text-decoration:underline #2563eb66;text-decoration-thickness:2px;transition:all .2s}.blog-content>p>a:hover,.blog-content>ul>li>a:hover,.blog-content>ol>li>a:hover{color:#1d4ed8;text-decoration-color:#1d4ed8}.dark .blog-content>p>a,.dark .blog-content>ul>li>a,.dark .blog-content>ol>li>a{color:#60a5fa;text-decoration-color:#60a5fa80}.dark .blog-content>p>a:hover,.dark .blog-content>ul>li>a:hover,.dark .blog-content>ol>li>a:hover{color:#93c5fd;text-decoration-color:#93c5fd}.blog-content>p>strong,.blog-content>ul>li>strong,.blog-content>ol>li>strong{color:#111827;font-weight:700}.dark .blog-content>p>strong,.dark .blog-content>ul>li>strong,.dark .blog-content>ol>li>strong{color:#f9fafb}.blog-content>p>strong>a,.blog-content>ul>li>strong>a,.blog-content>ol>li>strong>a{text-underline-offset:3px;font-weight:700;-webkit-text-decoration:underline #2563eb66;text-decoration:underline #2563eb66;text-decoration-thickness:2px;transition:all .2s;color:#2563eb!important}.blog-content>p>strong>a:hover,.blog-content>ul>li>strong>a:hover,.blog-content>ol>li>strong>a:hover{text-decoration-color:#1d4ed8;color:#1d4ed8!important}.dark .blog-content>p>strong>a,.dark .blog-content>ul>li>strong>a,.dark .blog-content>ol>li>strong>a{text-decoration-color:#60a5fa80;color:#60a5fa!important}.dark .blog-content>p>strong>a:hover,.dark .blog-content>ul>li>strong>a:hover,.dark .blog-content>ol>li>strong>a:hover{text-decoration-color:#93c5fd;color:#93c5fd!important}.blog-content>p>em,.blog-content>ul>li>em,.blog-content>ol>li>em{color:#374151;font-style:italic}.dark .blog-content>p>em,.dark .blog-content>ul>li>em,.dark .blog-content>ol>li>em{color:#d1d5db}.blog-content>p>code,.blog-content>ul>li>code,.blog-content>ol>li>code{color:#db2777;background-color:#f3f4f6;border-radius:.375rem;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500}.dark .blog-content>p>code,.dark .blog-content>ul>li>code,.dark .blog-content>ol>li>code{color:#f472b6;background-color:#1f2937}.blog-content>pre{color:#f3f4f6;background-color:#1e293b;border:1px solid #475569;border-radius:.75rem;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.25rem;overflow-x:auto;box-shadow:0 10px 15px -3px #0000001a}.dark .blog-content>pre{background-color:#1e293b;border-color:#475569;box-shadow:0 10px 15px -3px #0000004d}.blog-content>pre>code{color:inherit;background-color:#0000;padding:0;font-size:.875rem;line-height:1.6}.code-block-wrapper{margin-top:1.5rem;margin-bottom:1.5rem;position:relative}.code-block-wrapper pre{margin:0}.copy-button{color:#f8fafc;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(8px);background-color:#ffffff26;border:1px solid #ffffff40;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.copy-button:hover{color:#fff;background-color:#ffffff40;border-color:#ffffff59}.copy-button:active{transform:scale(.95)}.copy-button svg{width:16px;height:16px}.dark .copy-button{background-color:#ffffff1a;border-color:#fff3}.dark .copy-button:hover{background-color:#fff3;border-color:#ffffff4d}.blog-content>ul,.blog-content>ol{margin-top:1.25rem;margin-bottom:1.25rem;padding-left:1.75rem}.blog-content>ul{list-style-type:disc}.blog-content>ol{list-style-type:decimal}.blog-content>ul>li,.blog-content>ol>li{color:#374151;margin-top:.5rem;margin-bottom:.5rem;line-height:1.75}.dark .blog-content>ul>li,.dark .blog-content>ol>li{color:#d1d5db}.blog-content>ul>ul,.blog-content>ol>ul{list-style-type:circle}.blog-content>ul>ul>ul,.blog-content>ol>ul>ul{list-style-type:square}.blog-content>blockquote{color:#1e40af;background-color:#eff6ff;border-left:4px solid #3b82f6;border-radius:.5rem;margin:1.5rem 0;padding:1rem 1.25rem;font-style:italic}.dark .blog-content>blockquote{color:#93c5fd;background-color:#3b82f61a;border-left-color:#3b82f6}.blog-content>hr{border:0;border-top:2px solid #e5e7eb;margin-top:3rem;margin-bottom:3rem}.dark .blog-content>hr{border-top-color:#374151}.blog-content>img{border-radius:.75rem;max-width:100%;height:auto;margin-top:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.blog-content img.blog-image{-o-object-fit:cover;object-fit:cover;border-radius:.75rem;width:100%;max-width:100%;height:auto;max-height:400px;margin-top:2rem;margin-bottom:2rem;display:block;box-shadow:0 10px 15px -3px #0000001a}.dark .blog-content img.blog-image{box-shadow:0 10px 15px -3px #0000004d}.blog-content>table{border-collapse:collapse;width:100%;margin-top:1.5rem;margin-bottom:1.5rem;font-size:.95rem}.blog-content>table>thead>tr>th{text-align:left;color:#111827;background-color:#f3f4f6;border:1px solid #d1d5db;padding:.75rem 1rem;font-weight:600}.dark .blog-content>table>thead>tr>th{color:#f3f4f6;background-color:#1f2937;border-color:#374151}.blog-content>table>tbody>tr>td{color:#374151;border:1px solid #d1d5db;padding:.75rem 1rem}.dark .blog-content>table>tbody>tr>td{color:#d1d5db;border-color:#374151}
