.article-content{counter-reset:article-step;line-height:1.9}.article-content h2{color:#0f172a;letter-spacing:-.02em;border-bottom:1px solid #e2e8f0;margin-top:2.75rem;margin-bottom:1.1rem;padding-bottom:.6rem;scroll-margin-top:5rem;font-weight:800;line-height:1.5;position:relative}.article-content h2:after{content:"";background:#2563eb;border-radius:2px;width:2.75rem;height:2px;position:absolute;bottom:-1px;left:0}.article-content h3{color:#1e293b;letter-spacing:-.01em;border-left:3px solid #bfdbfe;margin-top:2rem;margin-bottom:.75rem;padding-left:.7rem;scroll-margin-top:5rem;font-weight:700;line-height:1.5}.article-content p{margin-top:.9rem;margin-bottom:.9rem}.article-content ul li,.article-content ol li{margin-top:.35rem;margin-bottom:.35rem}.article-content a{color:#2563eb;text-underline-offset:2px;text-decoration:underline;transition:color .15s}.article-content a:hover{color:#1d4ed8}.article-content blockquote{color:#475569;background:0 0;border-left:2px solid #cbd5e1;border-radius:0;padding:.15rem 0 .15rem 1.15rem;font-style:normal}.article-content pre{border:1px solid #e5e7eb;border-radius:0}.article-content code:not(pre code){color:#be185d;background:#f8fafc;border:1px solid #e2e8f0;border-radius:0;padding:.1rem .35rem;font-size:.875em}.article-content img{border-radius:0;box-shadow:0 2px 8px #00000014}.article-content .img-watermark{display:block;position:relative}.article-content .img-watermark-mark{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 3px #0009);width:28px;height:28px;position:absolute;bottom:.6rem;right:.6rem}.dark .article-content h2{color:#f1f5f9;border-bottom-color:#272f3d}.dark .article-content h2:after{background:#60a5fa}.dark .article-content h3{color:#e2e8f0;border-left-color:#3b82f68c}.dark .article-content a{color:#60a5fa}.dark .article-content a:hover{color:#93c5fd}.dark .article-content blockquote{color:#cbd5e1;background:0 0;border-left-color:#475569}.dark .article-content pre{border-color:#272f3d}.dark .article-content code:not(pre code){color:#f9a8d4;background:#1e293b;border-color:#334155}.dark .article-content img{box-shadow:0 2px 8px #0000004d}.article-content.prose-green h2:after{background:#16a34a}.article-content.prose-green h3{border-left-color:#86efac}.dark .article-content.prose-green h2:after{background:#4ade80}.dark .article-content.prose-green h3{border-left-color:#22c55e8c}.article-content .highlight,.article-content span.highlight,.article-content mark.highlight{color:inherit;background:linear-gradient(#0000 58%,#fde047a6 58% 90%,#0000 90%);font-weight:700}.article-content span.text-large{font-size:1.3rem;font-weight:700;line-height:1.6}.article-content span.callout{border-radius:0;margin:1rem 0;padding:.8rem .95rem;font-size:.95rem;line-height:1.75;display:block}.article-content span.callout.memo{color:#3f6212;background:#ecfccb;border:1px solid #bef264}.article-content span.callout.caution{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.article-content a>span.external-link{text-underline-offset:2px;text-decoration:underline}.article-content a>span.external-link:after{content:"↗";opacity:.8;margin-left:.28rem;font-size:.88em}.dark .article-content .highlight,.dark .article-content span.highlight,.dark .article-content mark.highlight{background:linear-gradient(#0000 58%,#f59e0b6b 58% 90%,#0000 90%)}.dark .article-content span.callout.memo{color:#d9f99d;background:#36531459;border-color:#4d7c0f}.dark .article-content span.callout.caution{color:#fecaca;background:#7f1d1d4d;border-color:#b91c1c}.article-content .swell-step{counter-reset:article-step;margin:1.5rem 0}.article-content .swell-step[data-start]{counter-reset:article-step calc(attr(data-start type(<number>), 1) - 1)}.article-content .step{counter-increment:article-step;min-height:3.4rem;margin:1.6rem 0 0;padding:.35rem 0 .35rem 5rem;font-size:1.25rem;font-weight:700;line-height:1.5;display:block;position:relative}.article-content .step:before{content:"";background:radial-gradient(circle at 38% 32%,#374151,#111827);border-radius:9999px;width:3.4rem;height:3.4rem;position:absolute;top:0;left:.55rem;box-shadow:0 2px 6px #11182740,inset 0 1px #ffffff1a}.article-content .step:after{content:"STEP\a " counter(article-step);white-space:pre;text-align:center;letter-spacing:.1em;color:#fff;width:3.4rem;font-size:.6rem;font-weight:800;line-height:1.2;position:absolute;top:.5rem;left:.55rem}.article-content .step-desc{margin:.25rem 0 0;padding:.4rem 0 1.2rem 5rem;font-size:.95rem;line-height:1.8;display:block;position:relative}.article-content .step-desc:before{content:"";background:#e5e7eb;width:2px;position:absolute;top:0;bottom:0;left:2.25rem}.article-content .step-desc:last-child:before,.article-content .swell-step>.step-desc:last-child:before{display:none}.article-content .step-code{font-size:.88em;font-family:var(--font-mono), monospace;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;padding:.18rem .5rem;display:inline-block}.article-content .step-desc p{margin-top:.4rem;margin-bottom:.4rem}.article-content p>.step,.article-content p>.step-desc{margin-top:0;margin-bottom:0}.article-content .step-big .step,.article-content .step.step-big-item{min-height:4rem;padding-left:6rem;font-size:1.45rem}.article-content .step-big .step:before,.article-content .step.step-big-item:before{width:4rem;height:4rem;left:.35rem}.article-content .step-big .step:after,.article-content .step.step-big-item:after{width:4rem;font-size:.7rem;top:.55rem;left:.35rem}.article-content .step-big .step-desc{padding-left:6rem}.article-content .step-big .step-desc:before{left:2.35rem}.article-content .step-small .step,.article-content .step.step-small-item{min-height:2.4rem;padding-left:3.8rem;font-size:1.05rem}.article-content .step-small .step:before,.article-content .step.step-small-item:before{width:2.4rem;height:2.4rem;left:.4rem}.article-content .step-small .step:after,.article-content .step.step-small-item:after{width:2.4rem;font-size:.48rem;top:.3rem;left:.4rem}.article-content .step-small .step-desc{padding-left:3.8rem}.article-content .step-small .step-desc:before{left:1.6rem}.article-content .step-square .step:before{border-radius:.5rem}.article-content .step-blue .step:before{background:radial-gradient(circle at 38% 32%,#3b82f6,#1d4ed8);box-shadow:0 2px 6px #1d4ed84d,inset 0 1px #ffffff26}.article-content .step-blue .step-desc:before{background:#bfdbfe}.article-content .step-green .step:before{background:radial-gradient(circle at 38% 32%,#22c55e,#15803d);box-shadow:0 2px 6px #15803d4d,inset 0 1px #ffffff26}.article-content .step-green .step-desc:before{background:#bbf7d0}.article-content .step-red .step:before{background:radial-gradient(circle at 38% 32%,#ef4444,#b91c1c);box-shadow:0 2px 6px #b91c1c4d,inset 0 1px #ffffff26}.article-content .step-red .step-desc:before{background:#fecaca}.dark .article-content .step:before{background:radial-gradient(circle at 38% 32%,#374151,#0f172a);box-shadow:0 2px 6px #00000080}.dark .article-content .step-desc:before{background:#334155}.dark .article-content .step-code{background:#1e293b;border-color:#4b5563}.dark .article-content .step-blue .step:before{background:radial-gradient(circle at 38% 32%,#60a5fa,#2563eb)}.dark .article-content .step-blue .step-desc:before{background:#3b82f659}.dark .article-content .step-green .step:before{background:radial-gradient(circle at 38% 32%,#4ade80,#16a34a)}.dark .article-content .step-green .step-desc:before{background:#22c55e4d}.dark .article-content .step-red .step:before{background:radial-gradient(circle at 38% 32%,#f87171,#dc2626)}.dark .article-content .step-red .step-desc:before{background:#ef44444d}.article-content .balloon,.article-content .speech-bubble{align-items:flex-start;gap:.75rem;margin:1.25rem 0;display:flex}.article-content .balloon .balloon-icon,.article-content .speech-bubble .sb-icon{border:2px solid #e5e7eb;border-radius:9999px;flex-shrink:0;width:3.5rem;height:3.5rem;overflow:hidden}.dark .article-content .balloon .balloon-icon,.dark .article-content .speech-bubble .sb-icon{border-color:#4b5563}.article-content .balloon .balloon-icon img,.article-content .speech-bubble .sb-icon img{object-fit:cover;width:100%;height:100%}.article-content .balloon .balloon-text,.article-content .speech-bubble .sb-text{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:1rem;flex:1;padding:.85rem 1.1rem;font-size:.95rem;line-height:1.75;position:relative}.dark .article-content .balloon .balloon-text,.dark .article-content .speech-bubble .sb-text{background:#1e293b;border-color:#334155}.article-content .balloon .balloon-text:before,.article-content .speech-bubble .sb-text:before{content:"";border:.35rem solid #0000;border-right-color:#f1f5f9;position:absolute;top:1rem;left:-.5rem}.dark .article-content .balloon .balloon-text:before,.dark .article-content .speech-bubble .sb-text:before{border-right-color:#1e293b}.article-content .balloon.balloon-right,.article-content .speech-bubble.sb-right{flex-direction:row-reverse}.article-content .balloon.balloon-right .balloon-text,.article-content .speech-bubble.sb-right .sb-text{background:#dbeafe;border-color:#bfdbfe}.dark .article-content .balloon.balloon-right .balloon-text,.dark .article-content .speech-bubble.sb-right .sb-text{background:#1e3a8a4d;border-color:#3b82f64d}.article-content .balloon.balloon-right .balloon-text:before,.article-content .speech-bubble.sb-right .sb-text:before{border-left-color:#dbeafe;border-right-color:#0000;left:auto;right:-.5rem}.dark .article-content .balloon.balloon-right .balloon-text:before,.dark .article-content .speech-bubble.sb-right .sb-text:before{border-left-color:#1e3a8a4d}.article-content .dialogue-paragraph{margin-bottom:0}.article-content .dialogue-paragraph>:first-child{margin-top:0}.article-content .dialogue-paragraph>:last-child{margin-bottom:0}.article-content .dialogue-turn{align-items:center;margin:1.35rem 0;display:flex}.article-content .dialogue-turn--right{flex-direction:row-reverse}.article-content .dialogue-person{flex-direction:column;flex-shrink:0;align-items:center;width:4.5rem;margin-right:12px;display:flex}.article-content .dialogue-turn--right .dialogue-person{margin-left:12px;margin-right:0}.article-content .dialogue-avatar-wrap{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;flex-shrink:0;width:4rem;height:4rem;position:relative;overflow:hidden}.dark .article-content .dialogue-avatar-wrap{background:#1e293b;border-color:#4b5563}.article-content .dialogue-avatar-placeholder{color:#94a3b8;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.3rem;font-weight:700;display:flex}.article-content .dialogue-name{color:#525252;text-align:center;word-break:break-all;max-width:100%;margin-top:6px;font-size:.8125rem;line-height:1.3}.dark .article-content .dialogue-name{color:#cbd5e1}.article-content .dialogue-bubble{background:#f7f7f7;border-radius:.5rem;flex:1;min-width:0;padding:1rem 1.15rem;position:relative}.article-content .dialogue-bubble:before{content:"";border:8px solid #0000;border-left-width:0;border-right-color:#f7f7f7;width:0;height:0;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.dark .article-content .dialogue-bubble{background:#1e293b}.dark .article-content .dialogue-bubble:before{border-color:#0000 #1e293b #0000 #0000}.article-content .dialogue-turn--right .dialogue-bubble:before{border-width:8px 0 8px 8px;border-color:#0000 #0000 #0000 #f7f7f7;left:auto;right:-8px}.dark .article-content .dialogue-turn--right .dialogue-bubble:before{border-color:#0000 #0000 #0000 #1e293b}.article-content .dialogue-bubble-inner{color:#171717;font-size:.95rem;line-height:1.75}.dark .article-content .dialogue-bubble-inner{color:#ededed}.article-content .dialogue-bubble-inner p{margin-top:.5rem;margin-bottom:.5rem}.article-content .dialogue-bubble-inner p:first-child{margin-top:0}.article-content .dialogue-bubble-inner p:last-child{margin-bottom:0}.article-content .dialogue-bubble-inner a{color:#2563eb;text-underline-offset:2px;text-decoration:underline}.dark .article-content .dialogue-bubble-inner a{color:#60a5fa}.article-content details.accordion{border:1px solid #e5e7eb;border-radius:0;margin:1rem 0;overflow:hidden}.dark .article-content details.accordion{border-color:#4b5563}.article-content details.accordion summary{cursor:pointer;background:#f9fafb;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.95rem;font-weight:700;list-style:none;transition:background .15s;display:flex}.article-content details.accordion summary::-webkit-details-marker{display:none}.article-content details.accordion summary:after{content:"";border-bottom:2px solid #9ca3af;border-right:2px solid #9ca3af;width:.5rem;height:.5rem;margin-left:auto;transition:transform .2s;transform:rotate(45deg)}.article-content details.accordion[open] summary:after{transform:rotate(-135deg)}.dark .article-content details.accordion summary{background:#1f2937}.article-content details.accordion .accordion-content{padding:1rem;font-size:.95rem;line-height:1.75}.article-content details.faq{border:1px solid #e5e7eb;border-radius:0;margin:.75rem 0;overflow:hidden}.dark .article-content details.faq{border-color:#4b5563}.article-content details.faq summary{cursor:pointer;background:#eff6ff;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;font-weight:700;list-style:none;display:flex}.article-content details.faq summary::-webkit-details-marker{display:none}.article-content details.faq summary:before{content:"Q";color:#fff;background:#2563eb;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;font-weight:800;display:flex}.dark .article-content details.faq summary{background:#1e3a8a33}.article-content details.faq .faq-answer{padding:1rem 1rem 1rem 3.5rem;font-size:.95rem;line-height:1.75;position:relative}.article-content details.faq .faq-answer:before{content:"A";color:#fff;background:#dc2626;border-radius:9999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:1rem;left:1rem}.article-content .tab-group{border:1px solid #e5e7eb;border-radius:0;margin:1.25rem 0;overflow:hidden}.dark .article-content .tab-group{border-color:#4b5563}.article-content .tab-group .tab-labels{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.dark .article-content .tab-group .tab-labels{background:#1f2937;border-bottom-color:#4b5563}.article-content .tab-group .tab-label{cursor:pointer;border-bottom:2px solid #0000;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.article-content .tab-group .tab-label.active,.article-content .tab-group .tab-label:hover{color:#2563eb;border-bottom-color:#2563eb}.article-content .tab-group .tab-content{padding:1rem;font-size:.95rem;line-height:1.75}.article-content .btn-cta{border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;margin:.5rem 0;padding:.85rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000001a}.article-content .btn-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.article-content .btn-cta.btn-primary{color:#fff;background:#2563eb}.article-content .btn-cta.btn-primary:hover{background:#1d4ed8}.article-content .btn-cta.btn-green{color:#fff;background:#16a34a}.article-content .btn-cta.btn-green:hover{background:#15803d}.article-content .btn-cta.btn-outline{color:#2563eb;background:0 0;border:2px solid #2563eb}.article-content .btn-cta.btn-outline:hover{background:#eff6ff}.dark .article-content .btn-cta.btn-outline{color:#60a5fa;border-color:#60a5fa}.dark .article-content .btn-cta.btn-outline:hover{background:#1e3a8a4d}.article-content .columns-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:1.25rem 0;display:grid}.article-content .columns-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:1.25rem 0;display:grid}.article-content .columns-4{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.25rem 0;display:grid}@media (max-width:640px){.article-content .columns-2,.article-content .columns-3,.article-content .columns-4{grid-template-columns:1fr}}.article-content .column-item{background:#fff;border:1px solid #e5e7eb;border-radius:0;padding:1rem}.dark .article-content .column-item{background:#111827;border-color:#4b5563}.article-content .blog-card{background:#fff;border:1px solid #e5e7eb;border-radius:0;align-items:stretch;margin:1.25rem 0;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.article-content .blog-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.dark .article-content .blog-card{background:#111827;border-color:#4b5563}.article-content .blog-card .blog-card-thumb{flex-shrink:0;width:10rem;overflow:hidden}.article-content .blog-card .blog-card-thumb img{object-fit:cover;width:100%;height:100%}@media (max-width:640px){.article-content .blog-card{flex-direction:column}.article-content .blog-card .blog-card-thumb{width:100%;height:10rem}}.article-content .blog-card .blog-card-body{flex-direction:column;flex:1;justify-content:center;padding:.85rem 1rem;display:flex}.article-content .blog-card .blog-card-title{color:#1e293b;font-size:.95rem;font-weight:700;line-height:1.5}.dark .article-content .blog-card .blog-card-title{color:#f1f5f9}.article-content .blog-card .blog-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-content .blog-card .blog-card-url{color:#9ca3af;margin-top:.35rem;font-size:.7rem}.article-content .video-embed{aspect-ratio:16/9;background:#0f172a;border-radius:0;width:100%;margin:1.5rem 0;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000014}.article-content .video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@supports not (aspect-ratio:16 / 9){.article-content .video-embed{height:0;padding-top:56.25%}}.article-content .table-scroll{-webkit-overflow-scrolling:touch;margin:1rem 0;overflow-x:auto}.article-content .table-scroll::-webkit-scrollbar{height:4px}.article-content .table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.dark .article-content .table-scroll::-webkit-scrollbar-thumb{background:#475569}.article-content .shiki,.article-content .shiki span{color:var(--shiki-light);background-color:var(--shiki-light-bg);font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);-webkit-text-decoration:var(--shiki-light-text-decoration);text-decoration:var(--shiki-light-text-decoration)}.dark .article-content .shiki,.dark .article-content .shiki span{color:var(--shiki-dark);background-color:var(--shiki-dark-bg);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);-webkit-text-decoration:var(--shiki-dark-text-decoration);text-decoration:var(--shiki-dark-text-decoration)}.article-content pre.shiki{border:1px solid #e5e7eb;border-radius:0;margin:1.25rem 0;padding:1rem 1.1rem;font-size:.88rem;line-height:1.65;overflow-x:auto}.dark .article-content pre.shiki{border-color:#272f3d}.article-content .code-block{border:1px solid #e2e8f0;border-radius:0;margin:1.5rem 0;overflow:hidden}.dark .article-content .code-block{border-color:#272f3d}.article-content .code-block-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:.5rem;min-height:2.1rem;padding:.25rem .4rem .25rem .85rem;display:flex}.dark .article-content .code-block-bar{background:#18202d;border-bottom-color:#272f3d}.article-content .code-block-lang{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:.6875rem;font-weight:700}.dark .article-content .code-block-lang{color:#94a3b8}.article-content .code-block pre.shiki{border:none;border-radius:0;margin:0}.article-content .code-copy-btn{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.06em;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:0;flex:none;padding:.3rem .55rem;font-size:.625rem;font-weight:800;transition:background-color .15s,color .15s}.article-content .code-copy-btn:hover{color:#0f172a;background:#e2e8f0}.dark .article-content .code-copy-btn{color:#94a3b8}.dark .article-content .code-copy-btn:hover{color:#f1f5f9;background:#334155}.article-content .code-copy-btn--floating{color:#cbd5e1;background:#334155b3;position:absolute;top:.4rem;right:.4rem}.article-content pre.shiki code{color:inherit;font-size:inherit;background:0 0;padding:0;display:block}.article-content aside.callout{border-radius:0;margin:1rem 0;padding:.8rem .95rem;font-size:.95rem;line-height:1.75;display:block}.article-content aside.callout.memo{color:#3f6212;background:#ecfccb;border:1px solid #bef264}.article-content aside.callout.caution{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.dark .article-content aside.callout.memo{color:#d9f99d;background:#36531459;border-color:#4d7c0f}.dark .article-content aside.callout.caution{color:#fecaca;background:#7f1d1d4d;border-color:#b91c1c}