article>header h1{color:#111827;letter-spacing:-.025em;margin-bottom:1.5rem;font-size:2.625rem;font-weight:900;line-height:1.1}@media (min-width:640px){article>header h1{font-size:3.15rem}}@media (min-width:1024px){article>header h1{font-size:4.2rem}}@media (min-width:1280px){article>header h1{font-size:5.6rem}}.dark article>header h1{color:#fff}article>header p{margin-bottom:2rem}.article-content{color:#374151;font-size:1.125rem;line-height:1.8}.dark .article-content{color:#d1d5db}.article-content h2{color:#111827;margin-top:3rem;margin-bottom:1.25rem;font-size:2rem;font-weight:700;line-height:1.3}.dark .article-content h2{color:#f9fafb}.article-content h3{color:#1f2937;margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600;line-height:1.4}.dark .article-content h3{color:#f3f4f6}.article-content h4{color:#374151;margin-top:2rem;margin-bottom:.875rem;font-size:1.25rem;font-weight:600;line-height:1.5}.dark .article-content h4{color:#e5e7eb}.article-content p{margin-bottom:1.5rem}.article-content strong{color:#1f2937;font-weight:600}.dark .article-content strong{color:#f3f4f6}.article-content em{font-style:italic}.article-content a{color:#3b82f6;text-underline-offset:2px;-webkit-text-decoration:underline #3b82f64d;text-decoration:underline #3b82f64d;transition:all .2s}.article-content a:hover{color:#2563eb;text-decoration-color:#2563eb99}.dark .article-content a{color:#60a5fa}.dark .article-content a:hover{color:#93c5fd}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content ul li{margin-bottom:.5rem;padding-left:.5rem;list-style-type:disc}.article-content ol li{margin-bottom:.5rem;padding-left:.5rem;list-style-type:decimal}.article-content blockquote{color:#4b5563;background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:0 .5rem .5rem 0;margin:2rem 0;padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;font-style:italic}.dark .article-content blockquote{color:#9ca3af;background:#3b82f61a;border-left-color:#60a5fa}.article-content code{color:#3b82f6;border-radius:.25rem;padding:.125rem .25rem;font-family:Courier New,monospace;font-size:.9em;font-weight:500}.dark .article-content code{color:#60a5fa}.article-content pre{color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin:2rem 0;padding:1.5rem;overflow-x:auto}.dark .article-content pre{border-color:#374151;color:#f9fafb!important;background:#1f2937!important}.dark .article-content pre code,.dark .article-content pre span{color:inherit!important}.article-content pre code{color:inherit;background:0 0;padding:0;font-size:.95em;font-weight:400}.article-content img{border-radius:.75rem;margin:2.5rem 0;box-shadow:0 10px 30px -10px #0003}.article-content hr{background:linear-gradient(90deg,#0000,#d1d5db,#0000);border:none;height:1px;margin:3rem 0}.dark .article-content hr{background:linear-gradient(90deg,#0000,#374151,#0000)}.article-content table{border-collapse:collapse;border-radius:.75rem;width:100%;margin:2rem 0;font-size:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.article-content thead{background:linear-gradient(135deg,#3b82f6,#2563eb)}.article-content th{text-align:left;color:#fff;letter-spacing:.025em;border-bottom:2px solid #1d4ed8;padding:1rem 1.25rem;font-weight:600}.article-content tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.article-content tbody tr:nth-child(2n){background-color:#3b82f60a}.article-content tbody tr:hover{background-color:#3b82f614}.article-content tbody tr:last-child{border-bottom:none}.article-content td{color:#374151;padding:1rem 1.25rem}.article-content td:first-child{color:#1f2937;font-weight:500}.article-content .table-wrapper{-webkit-overflow-scrolling:touch;margin:2rem 0;overflow-x:auto}.article-content .table-wrapper table{min-width:500px;margin:0}.dark .article-content table{box-shadow:0 1px 3px #0000004d}.dark .article-content thead{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.dark .article-content th{border-bottom-color:#1e40af}.dark .article-content tbody tr{border-bottom-color:#374151}.dark .article-content tbody tr:nth-child(2n){background-color:#3b82f614}.dark .article-content tbody tr:hover{background-color:#3b82f626}.dark .article-content td{color:#d1d5db}.dark .article-content td:first-child{color:#f3f4f6}.callout{border-left:4px solid;border-radius:.75rem;margin:2rem 0;padding:1.5rem}.callout-info{background:#3b82f614;border-left-color:#3b82f6}.dark .callout-info{background:#3b82f626;border-left-color:#60a5fa}.callout-warning{background:#fbbf2414;border-left-color:#f59e0b}.dark .callout-warning{background:#fbbf2426;border-left-color:#fbbf24}.callout-success{background:#10b98114;border-left-color:#10b981}.dark .callout-success{background:#10b98126;border-left-color:#34d399}.callout-tip{background:#8b5cf614;border-left-color:#8b5cf6}.dark .callout-tip{background:#8b5cf626;border-left-color:#a78bfa}.toc-link{transition:all .2s}.toc-link:hover{color:#3b82f6;padding-left:.5rem}.reading-progress{z-index:100;background:linear-gradient(90deg,#3b82f6,#8b5cf6);width:0%;height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0}.related-post-card{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.related-post-card:hover{box-shadow:0 20px 40px -12px #3b82f659,0 0 0 1px #3b82f61a}.category-badge{border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-block}.category-badge-sm{padding:.375rem .75rem;font-size:.75rem}