html{scroll-behavior:smooth}.blog-content blockquote{border-left:none!important;border-radius:.75rem;padding:1.5rem!important;margin:2rem 0!important;font-style:normal!important;background:linear-gradient(135deg,#f1f5f9,#f8fafc);border:1px solid rgb(226 232 240);position:relative}.dark .blog-content blockquote{background:linear-gradient(135deg,#1e293b80,#0f172a4d);border-color:#334155}.blog-content blockquote p:first-child{margin-top:0!important}.blog-content blockquote p:last-child{margin-bottom:0!important}.blog-content blockquote .callout-icon{flex-shrink:0;width:1.5rem;height:1.5rem;margin-right:.75rem;margin-top:.125rem}.blog-content blockquote.has-callout-icon{display:flex;align-items:flex-start}.blog-content blockquote.has-callout-icon .callout-body{flex:1;min-width:0}.blog-content blockquote.callout-tip{border:1px solid rgb(167 243 208);border-left:4px solid rgb(16 185 129)!important;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.dark .blog-content blockquote.callout-tip{background:linear-gradient(135deg,#064e3b33,#064e3b14);border-color:#0596694d;border-left-color:#10b981!important}.blog-content blockquote.callout-tip .callout-icon{color:#10b981}.blog-content blockquote.callout-warning{border:1px solid rgb(253 230 138);border-left:4px solid rgb(245 158 11)!important;background:linear-gradient(135deg,#fffbeb,#fefce8)}.dark .blog-content blockquote.callout-warning{background:linear-gradient(135deg,#78350f33,#78350f14);border-color:#ca8a044d;border-left-color:#f59e0b!important}.blog-content blockquote.callout-warning .callout-icon{color:#f59e0b}.blog-content blockquote.callout-important{border:1px solid rgb(191 219 254);border-left:4px solid rgb(59 130 246)!important;background:linear-gradient(135deg,#eff6ff,#ebf5ff)}.dark .blog-content blockquote.callout-important{background:linear-gradient(135deg,#1e3a8a33,#1e3a8a14);border-color:#3b82f64d;border-left-color:#3b82f6!important}.blog-content blockquote.callout-important .callout-icon{color:#3b82f6}.blog-content blockquote.callout-summary{border:1px solid rgb(221 214 254);border-left:4px solid rgb(139 92 246)!important;background:linear-gradient(135deg,#f5f3ff,#faf5ff)}.dark .blog-content blockquote.callout-summary{background:linear-gradient(135deg,#4c1d9533,#4c1d9514);border-color:#8b5cf64d;border-left-color:#8b5cf6!important}.blog-content blockquote.callout-summary .callout-icon{color:#8b5cf6}.blog-content ul{list-style-type:none!important;padding-left:0!important}.blog-content ul>li{position:relative;padding-left:1.75rem!important;margin-bottom:.625rem}.blog-content ul>li:before{content:"";position:absolute;left:0;top:.45em;width:1.125rem;height:1.125rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2310b981'%3E%3Cpath fill-rule='evenodd' d='M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.blog-content ul ul>li:before{width:.375rem;height:.375rem;top:.65em;left:.375rem;border-radius:50%;background-image:none;background-color:#94a3b8}.blog-content ol{list-style-type:none!important;padding-left:0!important;counter-reset:ol-counter}.blog-content ol>li{position:relative;padding-left:2.25rem!important;margin-bottom:.75rem;counter-increment:ol-counter}.blog-content ol>li:before{content:counter(ol-counter);position:absolute;left:0;top:.2em;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#3b82f6;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.dark .blog-content ol>li:before{background-color:#60a5fa;color:#0f172a}#toc-list,#toc-list li{list-style-type:none!important;padding-left:0!important;counter-reset:none}#toc-list li:before{display:none!important}.blog-content table{border-radius:.75rem;overflow:hidden;border:1px solid rgb(226 232 240);font-size:.875rem;width:100%;border-collapse:separate;border-spacing:0}.dark .blog-content table{border-color:#334155}.blog-content th{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;padding:.875rem 1rem!important;background-color:#f8fafc;color:#475569;font-weight:600;text-align:left;border-bottom:2px solid rgb(226 232 240)}.dark .blog-content th{background-color:#1e293b;color:#94a3b8;border-bottom-color:#334155}.blog-content td{padding:.875rem 1rem!important;border-bottom:1px solid rgb(241 245 249)}.dark .blog-content td{border-bottom-color:#1e293b80}.blog-content tbody tr:nth-child(2n){background-color:#f8fafc}.dark .blog-content tbody tr:nth-child(2n){background-color:#1e293b4d}.blog-content tbody tr{transition:background-color .15s ease}.blog-content tbody tr:hover{background-color:#f1f5f9}.dark .blog-content tbody tr:hover{background-color:#1e293b80}.blog-content tbody tr:last-child td{border-bottom:none}.blog-content hr{border:none!important;height:1px;background:linear-gradient(to right,transparent,rgb(203 213 225),transparent);margin:3rem 0!important}.dark .blog-content hr{background:linear-gradient(to right,transparent,rgb(71 85 105),transparent)}.blog-content pre{position:relative;border:1px solid rgb(226 232 240)}.dark .blog-content pre{border-color:#334155}.blog-content>p:first-of-type img,.blog-content img{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}#toc-list a{color:#475569;text-decoration:none;transition:all .15s ease;display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:.375rem;font-size:.875rem;line-height:1.4}#toc-list a:hover{color:#2563eb;background-color:#f1f5f9}.dark #toc-list a{color:#94a3b8}.dark #toc-list a:hover{color:#60a5fa;background-color:#1e293b80}#toc-list .toc-h3{padding-left:1.25rem}#toc-list .toc-arrow{flex-shrink:0;width:.75rem;height:.75rem;opacity:.4;transition:opacity .15s ease}#toc-list a:hover .toc-arrow{opacity:.8}.blog-content h2,.blog-content h3{scroll-margin-top:5rem}.blog-content blockquote:not(.callout-tip):not(.callout-warning):not(.callout-important):not(.callout-summary){border-left:4px solid rgb(203 213 225)!important}.dark .blog-content blockquote:not(.callout-tip):not(.callout-warning):not(.callout-important):not(.callout-summary){border-left:4px solid rgb(71 85 105)!important}
