aw-social-share[data-astro-cid-yyc2anlf]{display:inline-block}.blog-sidebar[data-astro-cid-lmha4phn]{font-size:1.125rem}.blog-sidebar__inner[data-astro-cid-lmha4phn]{padding:0 .5rem}.blog-sidebar__heading[data-astro-cid-lmha4phn]{text-transform:uppercase;letter-spacing:.05em;color:#64748b;align-items:center;gap:.5rem;margin:0 0 .75rem;padding-left:.75rem;font-size:.75rem;font-weight:700;display:flex}:root.dark .blog-sidebar__heading[data-astro-cid-lmha4phn],.dark[data-astro-cid-lmha4phn] .blog-sidebar__heading[data-astro-cid-lmha4phn]{color:#94a3b8}.blog-sidebar__list[data-astro-cid-lmha4phn]{border-left:2px solid #e2e8f0;max-height:calc(100vh - 180px);margin:0;padding:0;list-style:none;overflow-y:auto}:root.dark .blog-sidebar__list[data-astro-cid-lmha4phn],.dark[data-astro-cid-lmha4phn] .blog-sidebar__list[data-astro-cid-lmha4phn]{border-left-color:#334155}.blog-sidebar__list[data-astro-cid-lmha4phn]::-webkit-scrollbar{width:4px}.blog-sidebar__list[data-astro-cid-lmha4phn]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.blog-sidebar__item[data-astro-cid-lmha4phn]{margin:0}.blog-sidebar__item--h3[data-astro-cid-lmha4phn]{padding-left:.75rem}.blog-sidebar__link[data-astro-cid-lmha4phn]{color:#475569;overflow-wrap:break-word;border-left:2px solid #0000;border-radius:0 4px 4px 0;margin-left:-2px;padding:.4rem .75rem;line-height:1.5;text-decoration:none;transition:all .15s;display:block}:root.dark .blog-sidebar__link[data-astro-cid-lmha4phn],.dark[data-astro-cid-lmha4phn] .blog-sidebar__link[data-astro-cid-lmha4phn]{color:#cbd5e1}.blog-sidebar__link[data-astro-cid-lmha4phn]:hover{color:#1d4ed8;background:#eff6ff;border-left-color:#bfdbfe}:root.dark .blog-sidebar__link[data-astro-cid-lmha4phn]:hover,.dark[data-astro-cid-lmha4phn] .blog-sidebar__link[data-astro-cid-lmha4phn]:hover{color:#93c5fd;background:#1e293b;border-left-color:#60a5fa}.blog-sidebar__link--active[data-astro-cid-lmha4phn]{color:#1d4ed8;background:#eff6ff;border-left-color:#1d4ed8;font-weight:600}:root.dark .blog-sidebar__link--active[data-astro-cid-lmha4phn],.dark[data-astro-cid-lmha4phn] .blog-sidebar__link--active[data-astro-cid-lmha4phn]{color:#93c5fd;background:#1e293b;border-left-color:#60a5fa}.tutorial-header[data-astro-cid-fj35wvqc]{border-bottom:1px solid #e5e7eb;margin:0 0 2rem;padding-bottom:1.5rem}:root.dark .tutorial-header[data-astro-cid-fj35wvqc],.dark[data-astro-cid-fj35wvqc] .tutorial-header[data-astro-cid-fj35wvqc]{border-bottom-color:#334155}.tutorial-header__meta[data-astro-cid-fj35wvqc]{color:#64748b;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:1rem;font-size:.8125rem;display:flex}.tutorial-header__meta-item[data-astro-cid-fj35wvqc]{align-items:center;gap:.35rem;display:inline-flex}.tutorial-header__meta-label[data-astro-cid-fj35wvqc]{font-weight:500}.tutorial-header__category[data-astro-cid-fj35wvqc]{color:#1d4ed8;background:#eff6ff;border-radius:4px;padding:.15rem .6rem;font-weight:500}:root.dark .tutorial-header__category[data-astro-cid-fj35wvqc],.dark[data-astro-cid-fj35wvqc] .tutorial-header__category[data-astro-cid-fj35wvqc]{color:#93c5fd;background:#1e3a8a40}.tutorial-header__title[data-astro-cid-fj35wvqc]{color:#0f172a;letter-spacing:-.01em;font-size:2rem;font-weight:700;line-height:1.25;font-family:var(--font-inter,system-ui);margin:0 0 .75rem}@media (width>=768px){.tutorial-header__title[data-astro-cid-fj35wvqc]{font-size:2.25rem}}:root.dark .tutorial-header__title[data-astro-cid-fj35wvqc],.dark[data-astro-cid-fj35wvqc] .tutorial-header__title[data-astro-cid-fj35wvqc]{color:#f1f5f9}.tutorial-header__excerpt[data-astro-cid-fj35wvqc]{color:#475569;margin:0;font-size:1rem;line-height:1.6}:root.dark .tutorial-header__excerpt[data-astro-cid-fj35wvqc],.dark[data-astro-cid-fj35wvqc] .tutorial-header__excerpt[data-astro-cid-fj35wvqc]{color:#cbd5e1}.tutorial-footer[data-astro-cid-ovig46nr]{grid-template-columns:1fr;gap:1rem;margin-top:2rem;display:grid}@media (width>=640px){.tutorial-footer[data-astro-cid-ovig46nr]{grid-template-columns:1fr 1fr}}.tutorial-footer__card[data-astro-cid-ovig46nr]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem}:root.dark .tutorial-footer__card[data-astro-cid-ovig46nr],.dark[data-astro-cid-ovig46nr] .tutorial-footer__card[data-astro-cid-ovig46nr]{background:#0f172a66;border-color:#334155}.tutorial-footer__card-title[data-astro-cid-ovig46nr]{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 .625rem;font-size:.75rem;font-weight:700}:root.dark .tutorial-footer__card-title[data-astro-cid-ovig46nr],.dark[data-astro-cid-ovig46nr] .tutorial-footer__card-title[data-astro-cid-ovig46nr]{color:#94a3b8}.tutorial-footer__list[data-astro-cid-ovig46nr]{grid-template-columns:max-content 1fr;gap:.35rem .75rem;margin:0;display:grid}.tutorial-footer__list[data-astro-cid-ovig46nr]>div[data-astro-cid-ovig46nr]{display:contents}.tutorial-footer__list[data-astro-cid-ovig46nr] dt[data-astro-cid-ovig46nr]{color:#64748b;font-size:.75rem}.tutorial-footer__list[data-astro-cid-ovig46nr] dd[data-astro-cid-ovig46nr]{color:#334155;word-break:break-word;margin:0;font-size:.8125rem}:root.dark .tutorial-footer__list[data-astro-cid-ovig46nr] dd[data-astro-cid-ovig46nr],.dark[data-astro-cid-ovig46nr] .tutorial-footer__list[data-astro-cid-ovig46nr] dd[data-astro-cid-ovig46nr]{color:#cbd5e1}.tutorial-footer__tags[data-astro-cid-ovig46nr]{flex-wrap:wrap;gap:.25rem;display:flex}.tutorial-footer__tag[data-astro-cid-ovig46nr]{color:#475569;background:#f1f5f9;border-radius:4px;padding:.1rem .45rem;font-size:.6875rem;display:inline-block}:root.dark .tutorial-footer__tag[data-astro-cid-ovig46nr],.dark[data-astro-cid-ovig46nr] .tutorial-footer__tag[data-astro-cid-ovig46nr]{color:#cbd5e1;background:#1e293b}.tutorial-footer__contact-list[data-astro-cid-ovig46nr]{flex-direction:column;gap:.4rem;display:flex}.tutorial-footer__btn[data-astro-cid-ovig46nr]{border-radius:6px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.5rem .85rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.tutorial-footer__btn--primary[data-astro-cid-ovig46nr]{color:#fff;background:#2563eb}.tutorial-footer__btn--primary[data-astro-cid-ovig46nr]:hover{background:#1d4ed8}.tutorial-footer__btn--secondary[data-astro-cid-ovig46nr]{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}:root.dark .tutorial-footer__btn--secondary[data-astro-cid-ovig46nr],.dark[data-astro-cid-ovig46nr] .tutorial-footer__btn--secondary[data-astro-cid-ovig46nr]{color:#cbd5e1;background:#1e293b;border-color:#334155}.tutorial-footer__share[data-astro-cid-ovig46nr]{gap:.4rem;display:flex}.tutorial-footer__share-btn[data-astro-cid-ovig46nr]{color:#475569;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:inline-flex}:root.dark .tutorial-footer__share-btn[data-astro-cid-ovig46nr],.dark[data-astro-cid-ovig46nr] .tutorial-footer__share-btn[data-astro-cid-ovig46nr]{color:#cbd5e1;background:#1e293b}.tutorial-footer__share-btn[data-astro-cid-ovig46nr]:hover{color:#fff;background:#2563eb}.tutorial-footer__back-row[data-astro-cid-ovig46nr]{grid-column:1/-1}.tutorial-footer__back[data-astro-cid-ovig46nr]{color:#475569;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}:root.dark .tutorial-footer__back[data-astro-cid-ovig46nr],.dark[data-astro-cid-ovig46nr] .tutorial-footer__back[data-astro-cid-ovig46nr]{color:#cbd5e1}.tutorial-footer__back[data-astro-cid-ovig46nr]:hover{color:#1d4ed8}.tutorial-content>h1:first-child{display:none}.tutorial-content{color:#0f172a;font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:25px;line-height:1.7}:root.dark .tutorial-content,.dark .tutorial-content{color:#e2e8f0}.tutorial-content h2,.tutorial-content h3,.tutorial-content h4,.tutorial-content h5,.tutorial-content h6{color:#0f172a;letter-spacing:-.015em;scroll-margin-top:96px;font-weight:600}:root.dark .tutorial-content h2,:root.dark .tutorial-content h3,:root.dark .tutorial-content h4,:root.dark .tutorial-content h5,:root.dark .tutorial-content h6,.dark .tutorial-content h2,.dark .tutorial-content h3,.dark .tutorial-content h4,.dark .tutorial-content h5,.dark .tutorial-content h6{color:#f1f5f9}.tutorial-content h2{letter-spacing:-.025em;border-bottom:1px solid #e2e8f0;margin:3rem 0 1.25rem;padding-bottom:.5rem;font-size:1.875rem;font-weight:700;line-height:1.25}.tutorial-content h2:first-child{margin-top:0}:root.dark .tutorial-content h2,.dark .tutorial-content h2{border-bottom-color:#334155}.tutorial-content h3{margin:2.25rem 0 .875rem;font-size:1.375rem;line-height:1.4}.tutorial-content h4{color:#1e293b;margin:1.75rem 0 .625rem;font-size:1.125rem;line-height:1.45}:root.dark .tutorial-content h4,.dark .tutorial-content h4{color:#e2e8f0}.tutorial-content h5{color:#334155;text-transform:none;margin:1.25rem 0 .5rem;font-size:1rem;line-height:1.5}:root.dark .tutorial-content h5,.dark .tutorial-content h5{color:#cbd5e1}.tutorial-content h6{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .4rem;font-size:.875rem;font-weight:600;line-height:1.5}:root.dark .tutorial-content h6,.dark .tutorial-content h6{color:#94a3b8}.tutorial-content p{margin:1rem 0;line-height:1.75}.tutorial-content p:first-child{margin-top:0}.tutorial-content p:last-child{margin-bottom:0}.tutorial-content p.lead{color:#475569;margin:1.5rem 0;font-size:1.125rem;line-height:1.6}:root.dark .tutorial-content p.lead,.dark .tutorial-content p.lead{color:#94a3b8}.tutorial-content a{color:#2563eb;text-underline-offset:3px;font-weight:500;text-decoration:underline 1px;transition:color .15s}.tutorial-content a:hover{color:#1d4ed8;text-decoration-thickness:2px}:root.dark .tutorial-content a,.dark .tutorial-content a{color:#93c5fd}:root.dark .tutorial-content a:hover,.dark .tutorial-content a:hover{color:#bfdbfe}.tutorial-content ul,.tutorial-content ol{margin:1rem 0;padding-left:1.5rem}.tutorial-content ul{list-style:none}.tutorial-content ul>li{margin:.5rem 0;padding-left:.25rem;line-height:1.75;position:relative}.tutorial-content ul>li:before{content:"";background:#94a3b8;border-radius:50%;width:6px;height:6px;position:absolute;top:.7rem;left:-1.1rem}:root.dark .tutorial-content ul>li:before,.dark .tutorial-content ul>li:before{background:#64748b}.tutorial-content ol{counter-reset:ol-counter;list-style:decimal}.tutorial-content ol>li{margin:.5rem 0;padding-left:.25rem;line-height:1.75}.tutorial-content ol>li::marker{color:#64748b;font-weight:600}:root.dark .tutorial-content ol>li::marker,.dark .tutorial-content ol>li::marker{color:#94a3b8}.tutorial-content li>ul,.tutorial-content li>ol{margin:.5rem 0}.tutorial-content strong{color:#0f172a;font-weight:600}:root.dark .tutorial-content strong,.dark .tutorial-content strong{color:#f1f5f9}.tutorial-content em{font-style:italic}.tutorial-content :not(pre)>code{color:#334155;word-break:break-word;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.15rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;font-weight:500}:root.dark .tutorial-content :not(pre)>code,.dark .tutorial-content :not(pre)>code{color:#cbd5e1;background:#1e293b99;border-color:#334155}.tutorial-content mark{color:#dc2626;background:#fef08a;border-radius:3px;padding:.1rem .3rem;font-weight:600}:root.dark .tutorial-content mark,.dark .tutorial-content mark{color:#fecaca;background:#fef08a40}.tutorial-content kbd{color:#334155;vertical-align:middle;background:#f1f5f9;border:1px solid #cbd5e1;border-bottom-width:2px;border-radius:4px;padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125em;font-weight:600;line-height:1;display:inline-block}:root.dark .tutorial-content kbd,.dark .tutorial-content kbd{color:#e2e8f0;background:#1e293b;border-color:#475569}.tutorial-content blockquote{color:#1e40af;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:0 6px 6px 0;margin:1.5rem 0;padding:1rem 1.25rem;font-size:1em;font-style:normal;line-height:1.7}:root.dark .tutorial-content blockquote,.dark .tutorial-content blockquote{color:#bfdbfe;background:#1e3a8a2e;border-left-color:#60a5fa}.tutorial-content blockquote>:first-child{margin-top:0}.tutorial-content blockquote>:last-child{margin-bottom:0}.tutorial-content hr{border:0;border-top:1px solid #e2e8f0;margin:2.5rem 0}:root.dark .tutorial-content hr,.dark .tutorial-content hr{border-top-color:#334155}.tutorial-content table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin:1.5rem 0;font-size:1.05rem;line-height:1.6;overflow:hidden}:root.dark .tutorial-content table,.dark .tutorial-content table{border-color:#334155}.tutorial-content thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}:root.dark .tutorial-content thead,.dark .tutorial-content thead{background:#0f172a;border-bottom-color:#334155}.tutorial-content th{text-align:left;color:#0f172a;letter-spacing:.01em;padding:.625rem 1rem;font-size:1rem;font-weight:600}:root.dark .tutorial-content th,.dark .tutorial-content th{color:#f1f5f9}.tutorial-content td{vertical-align:top;border-top:1px solid #f1f5f9;padding:.75rem 1rem}:root.dark .tutorial-content td,.dark .tutorial-content td{border-top-color:#1e293b}.tutorial-content tbody tr:hover{background:#f8fafc}:root.dark .tutorial-content tbody tr:hover,.dark .tutorial-content tbody tr:hover{background:#0f172a80}.tutorial-content img{border:1px solid #e2e8f0;border-radius:8px;max-width:100%;height:auto;margin:1.75rem 0;box-shadow:0 1px 3px #0000000a}:root.dark .tutorial-content img,.dark .tutorial-content img{border-color:#334155;box-shadow:0 1px 3px #0003}.tutorial-content figure{margin:1.75rem 0}.tutorial-content figcaption{text-align:center;color:#64748b;margin-top:.625rem;font-size:.8125rem;font-style:italic}:root.dark .tutorial-content figcaption,.dark .tutorial-content figcaption{color:#94a3b8}.tutorial-content pre{color:#fff;-webkit-overflow-scrolling:touch;tab-size:2;border:1px solid #0f172a;border-radius:8px;margin:1.5rem 0;padding:1rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.05rem;line-height:1.7;overflow:auto hidden;background:#1a1b26!important}:root.dark .tutorial-content pre,.dark .tutorial-content pre{color:#fff;border-color:#0f172a;background:#1a1b26!important}.tutorial-content pre:first-child{margin-top:1.5rem}.tutorial-content pre code{font-family:inherit;font-size:inherit;color:inherit;white-space:pre;word-break:normal;padding:0;font-weight:400;display:block;background:0 0!important;border:none!important}.tutorial-content pre code span{color:var(--shiki-light,inherit)}:root.dark .tutorial-content pre code span,.dark .tutorial-content pre code span{color:var(--shiki-dark,var(--shiki-light,inherit))}.tutorial-content pre::-webkit-scrollbar{height:8px}.tutorial-content pre::-webkit-scrollbar-track{background:0 0}.tutorial-content pre::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}:root.dark .tutorial-content pre::-webkit-scrollbar-thumb{background:#334155}.dark .tutorial-content pre::-webkit-scrollbar-thumb{background:#334155}.tutorial-content pre::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root.dark .tutorial-content pre::-webkit-scrollbar-thumb:hover{background:#64748b}.dark .tutorial-content pre::-webkit-scrollbar-thumb:hover{background:#64748b}@media (width<=768px){.tutorial-content{font-size:21px;line-height:1.7}.tutorial-content h2{font-size:1.75rem}.tutorial-content h3{font-size:1.4rem}.tutorial-content pre{padding:.875rem 1rem;font-size:1rem}.tutorial-content blockquote{font-size:1em}.tutorial-content table{font-size:.95rem}}.tutorial-content .header-anchor{opacity:0;color:#94a3b8;margin-left:.5rem;font-weight:400;text-decoration:none;transition:opacity .15s}.tutorial-content h2:hover .header-anchor,.tutorial-content h3:hover .header-anchor,.tutorial-content h4:hover .header-anchor{opacity:1}.tutorial-content>*+*,.tutorial-content>h2+*,.tutorial-content>h3+*,.tutorial-content>h4+*{margin-top:1rem}.tutorial-content del,.tutorial-content s{color:#64748b;text-decoration:line-through 1px}:root.dark .tutorial-content del,:root.dark .tutorial-content s,.dark .tutorial-content del,.dark .tutorial-content s{color:#94a3b8}.tutorial-content sub{vertical-align:baseline;font-size:.75em;line-height:0;position:relative;bottom:-.25em}.tutorial-content sup{vertical-align:baseline;font-size:.75em;line-height:0;position:relative;top:-.5em}.tutorial-content small{color:#64748b;font-size:.8125rem}:root.dark .tutorial-content small,.dark .tutorial-content small{color:#94a3b8}.tutorial-content ruby{ruby-align:center}.tutorial-content rt{color:#64748b;font-size:.625em}:root.dark .tutorial-content rt,.dark .tutorial-content rt{color:#94a3b8}.tutorial-content abbr[title]{text-underline-offset:3px;cursor:help;text-decoration:underline 1px dotted}.tutorial-content .tutorial-callout{background:#f8fafc;border-left:4px solid;border-radius:6px;align-items:flex-start;gap:.875rem;margin:1.25rem 0;padding:.875rem 1rem;line-height:1.6;display:flex}.tutorial-content .tutorial-callout__icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:1.05rem;font-weight:700;line-height:1;display:inline-flex}.tutorial-content .tutorial-callout__body{flex:1;min-width:0}.tutorial-content .tutorial-callout__title{margin-bottom:.25rem;font-size:1.125rem;font-weight:600;line-height:1.5}.tutorial-content .tutorial-callout__content{font-size:1.05rem;line-height:1.7}.tutorial-content .tutorial-callout__content>p:first-child{margin-top:0}.tutorial-content .tutorial-callout__content>p:last-child{margin-bottom:0}.tutorial-content .tutorial-callout--info{background:#eff6ff;border-left-color:#3b82f6}.tutorial-content .tutorial-callout--info .tutorial-callout__icon{background:#3b82f6}.tutorial-content .tutorial-callout--info .tutorial-callout__title{color:#1e40af}.tutorial-content .tutorial-callout--success{background:#f0fdf4;border-left-color:#22c55e}.tutorial-content .tutorial-callout--success .tutorial-callout__icon{background:#22c55e}.tutorial-content .tutorial-callout--success .tutorial-callout__title{color:#166534}.tutorial-content .tutorial-callout--warning{background:#fefce8;border-left-color:#f59e0b}.tutorial-content .tutorial-callout--warning .tutorial-callout__icon{background:#f59e0b}.tutorial-content .tutorial-callout--warning .tutorial-callout__title{color:#92400e}.tutorial-content .tutorial-callout--orange{background:#fff5eb;border-left-color:#f97316}.tutorial-content .tutorial-callout--orange .tutorial-callout__icon{background:#f97316}.tutorial-content .tutorial-callout--orange .tutorial-callout__title{color:#9a3412}.tutorial-content .tutorial-callout--danger{background:#fef2f2;border-left-color:#ef4444}.tutorial-content .tutorial-callout--danger .tutorial-callout__icon{background:#ef4444}.tutorial-content .tutorial-callout--danger .tutorial-callout__title{color:#991b1b}:root.dark .tutorial-content .tutorial-callout,.dark .tutorial-content .tutorial-callout{background:#0f172a80}:root.dark .tutorial-content .tutorial-callout--info,.dark .tutorial-content .tutorial-callout--info{background:#1e3a8a26}:root.dark .tutorial-content .tutorial-callout--info .tutorial-callout__title,.dark .tutorial-content .tutorial-callout--info .tutorial-callout__title{color:#93c5fd}:root.dark .tutorial-content .tutorial-callout--success,.dark .tutorial-content .tutorial-callout--success{background:#14532d33}:root.dark .tutorial-content .tutorial-callout--success .tutorial-callout__title,.dark .tutorial-content .tutorial-callout--success .tutorial-callout__title{color:#86efac}:root.dark .tutorial-content .tutorial-callout--warning,.dark .tutorial-content .tutorial-callout--warning{background:#713f1233}:root.dark .tutorial-content .tutorial-callout--warning .tutorial-callout__title,.dark .tutorial-content .tutorial-callout--warning .tutorial-callout__title{color:#fde047}:root.dark .tutorial-content .tutorial-callout--orange,.dark .tutorial-content .tutorial-callout--orange{background:#7c2d1240;border-left-color:#fb923c}:root.dark .tutorial-content .tutorial-callout--orange .tutorial-callout__title,.dark .tutorial-content .tutorial-callout--orange .tutorial-callout__title{color:#fdba74}:root.dark .tutorial-content .tutorial-callout--danger,.dark .tutorial-content .tutorial-callout--danger{background:#7f1d1d33}:root.dark .tutorial-content .tutorial-callout--danger .tutorial-callout__title,.dark .tutorial-content .tutorial-callout--danger .tutorial-callout__title{color:#fca5a5}.blog-shell[data-astro-cid-2oawd6xa]{max-width:min(1680px,96vw);margin:0 auto;padding:1.5rem 1rem 4rem}@media (width>=768px){.blog-shell[data-astro-cid-2oawd6xa]{padding:2rem 1.5rem 4rem}}.blog-shell__grid[data-astro-cid-2oawd6xa]{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=1024px){.blog-shell__grid[data-astro-cid-2oawd6xa]{grid-template-columns:clamp(280px,28vw,520px) minmax(0,1fr);gap:1rem}}.blog-shell__mobile-toc[data-astro-cid-2oawd6xa]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:1rem;overflow:hidden}:root.dark .blog-shell__mobile-toc[data-astro-cid-2oawd6xa],.dark[data-astro-cid-2oawd6xa] .blog-shell__mobile-toc[data-astro-cid-2oawd6xa]{background:#0f172a99;border-color:#334155}.blog-shell__mobile-toc-summary[data-astro-cid-2oawd6xa]{cursor:pointer;color:#334169;user-select:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:600;list-style:none;display:flex}:root.dark .blog-shell__mobile-toc-summary[data-astro-cid-2oawd6xa],.dark[data-astro-cid-2oawd6xa] .blog-shell__mobile-toc-summary[data-astro-cid-2oawd6xa]{color:#cbd5e1}.blog-shell__mobile-toc-summary[data-astro-cid-2oawd6xa]>span[data-astro-cid-2oawd6xa]:first-child{align-items:center;gap:.5rem;display:inline-flex}.blog-shell__mobile-toc[data-astro-cid-2oawd6xa][open] .chevron[data-astro-cid-2oawd6xa]{transform:rotate(180deg)}.blog-shell__mobile-toc-summary[data-astro-cid-2oawd6xa]::-webkit-details-marker{display:none}.blog-shell__mobile-toc-body[data-astro-cid-2oawd6xa]{border-top:1px solid #e2e8f0;padding:.5rem .5rem 1rem}:root.dark .blog-shell__mobile-toc-body[data-astro-cid-2oawd6xa],.dark[data-astro-cid-2oawd6xa] .blog-shell__mobile-toc-body[data-astro-cid-2oawd6xa]{border-top-color:#334155}.blog-shell__sidebar[data-astro-cid-2oawd6xa]{align-self:stretch;min-width:0}@media (width>=1024px){.blog-shell__sidebar-sticky[data-astro-cid-2oawd6xa]{max-height:calc(100vh - 100px);padding-right:.5rem;position:sticky;top:80px;overflow:hidden}}.blog-shell__main[data-astro-cid-2oawd6xa]{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:0;max-width:100%;padding:1.5rem 1.25rem}:root.dark .blog-shell__main[data-astro-cid-2oawd6xa],.dark[data-astro-cid-2oawd6xa] .blog-shell__main[data-astro-cid-2oawd6xa]{color:#e2e8f0;background:#0f172a99;border-color:#334155}@media (width>=768px){.blog-shell__main[data-astro-cid-2oawd6xa]{padding:2rem 2.25rem}}@media (width>=1280px){.blog-shell__main[data-astro-cid-2oawd6xa]{padding:2.5rem 3rem}}.blog-shell__header[data-astro-cid-2oawd6xa]{margin-bottom:1.5rem}.blog-shell__meta[data-astro-cid-2oawd6xa]{color:#64748b;margin-bottom:.75rem;font-size:.875rem}:root.dark .blog-shell__meta[data-astro-cid-2oawd6xa],.dark[data-astro-cid-2oawd6xa] .blog-shell__meta[data-astro-cid-2oawd6xa]{color:#94a3b8}.blog-shell__title[data-astro-cid-2oawd6xa]{letter-spacing:-.025em;color:#0f172a;font-size:2.25rem;font-weight:800;line-height:1.15;font-family:var(--font-inter,system-ui);margin:0 0 1rem}@media (width>=768px){.blog-shell__title[data-astro-cid-2oawd6xa]{font-size:3rem}}:root.dark .blog-shell__title[data-astro-cid-2oawd6xa],.dark[data-astro-cid-2oawd6xa] .blog-shell__title[data-astro-cid-2oawd6xa]{color:#f1f5f9}.blog-shell__excerpt[data-astro-cid-2oawd6xa]{color:#475569;margin:0 0 1.5rem;font-size:1.125rem;line-height:1.6}@media (width>=768px){.blog-shell__excerpt[data-astro-cid-2oawd6xa]{font-size:1.25rem}}:root.dark .blog-shell__excerpt[data-astro-cid-2oawd6xa],.dark[data-astro-cid-2oawd6xa] .blog-shell__excerpt[data-astro-cid-2oawd6xa]{color:#94a3b8}.blog-shell__image[data-astro-cid-2oawd6xa]{border-radius:6px;max-width:100%;height:auto;margin:1rem 0 1.5rem}.blog-shell__footer[data-astro-cid-2oawd6xa]{border-top:1px solid #e2e8f0;flex-direction:column;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;display:flex}@media (width>=640px){.blog-shell__footer[data-astro-cid-2oawd6xa]{flex-direction:row;align-items:center}}:root.dark .blog-shell__footer[data-astro-cid-2oawd6xa],.dark[data-astro-cid-2oawd6xa] .blog-shell__footer[data-astro-cid-2oawd6xa]{border-top-color:#334155}