.tutorial-page[data-astro-cid-ds6ctzq3]{height:calc(100vh - var(--nav-height));overflow:hidden;padding:0;background:transparent;--tutorial-max-width: 1500px}.tutorial-page[data-astro-cid-ds6ctzq3] .container[data-astro-cid-ds6ctzq3]{height:100%;max-width:100%;display:flex;justify-content:center}.tutorial-shell[data-astro-cid-ds6ctzq3]{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-areas:"nav content";gap:0;height:100%;min-height:0;background:transparent;border:none;border-radius:0;padding:0;overflow:hidden;width:100%;max-width:var(--tutorial-max-width);margin:0 auto}.tutorial-shell[data-astro-cid-ds6ctzq3].has-toc{grid-template-columns:220px 220px minmax(0,1fr);grid-template-areas:"nav toc content"}.tutorial-nav[data-astro-cid-ds6ctzq3]{grid-area:nav;border-right:1px solid rgba(148,163,184,.2);padding:1.8rem 1.2rem;height:100%;overflow-y:auto;background:#ffffff4d;backdrop-filter:blur(10px);scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.12) transparent}.tutorial-nav[data-astro-cid-ds6ctzq3]::-webkit-scrollbar{width:6px}.tutorial-nav[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-track{background:transparent}.tutorial-nav[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-thumb{background-color:#0f172a1f;border-radius:999px}.tutorial-nav[data-astro-cid-ds6ctzq3]:hover{scrollbar-color:rgba(15,23,42,.35) transparent}.tutorial-nav[data-astro-cid-ds6ctzq3]:hover::-webkit-scrollbar-thumb{background-color:#0f172a59}.nav-inner[data-astro-cid-ds6ctzq3]{display:flex;flex-direction:column;gap:1.4rem}.nav-summary[data-astro-cid-ds6ctzq3]{display:none;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .8rem;border-radius:.7rem;background:#ffffffb3;border:1px solid rgba(148,163,184,.3);font-size:.9rem;color:#111827;cursor:pointer;list-style:none}.nav-collapsible[data-astro-cid-ds6ctzq3]{position:relative}.nav-summary[data-astro-cid-ds6ctzq3]::-webkit-details-marker{display:none}.nav-content[data-astro-cid-ds6ctzq3]{display:flex;flex-direction:column}@media(min-width:901px){.nav-collapsible[data-astro-cid-ds6ctzq3]>.nav-content[data-astro-cid-ds6ctzq3]{display:flex}}.menu-group[data-astro-cid-ds6ctzq3]{display:flex;flex-direction:column;gap:.3rem}.menu-title[data-astro-cid-ds6ctzq3]{margin:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:#cbd5e1;font-weight:400}.menu-link[data-astro-cid-ds6ctzq3]{padding:.5rem .7rem;border-radius:.6rem;color:#7b8794;font-weight:400;font-size:.82rem;transition:background .2s ease,color .2s ease;text-decoration:none}.menu-link[data-astro-cid-ds6ctzq3]:hover,.menu-link[data-astro-cid-ds6ctzq3]:focus-visible{background:#e0f2fe;color:#0f172a}.menu-link[data-astro-cid-ds6ctzq3].is-active{background:#dbeafe;color:#2563eb}.tutorial-content[data-astro-cid-ds6ctzq3]{grid-area:content;height:100%;overflow-y:auto;background:transparent;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.12) transparent;scroll-padding-top:5rem}.tutorial-content[data-astro-cid-ds6ctzq3]::-webkit-scrollbar{width:6px}.tutorial-content[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-track{background:transparent}.tutorial-content[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-thumb{background-color:#0f172a1f;border-radius:999px}.tutorial-content[data-astro-cid-ds6ctzq3]:hover{scrollbar-color:rgba(15,23,42,.35) transparent}.tutorial-content[data-astro-cid-ds6ctzq3]:hover::-webkit-scrollbar-thumb{background-color:#0f172a59}.content-scroll[data-astro-cid-ds6ctzq3]{min-height:100%;display:flex;flex-direction:column}.content-breadcrumb[data-astro-cid-ds6ctzq3]{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:1.4rem 2rem 0;font-size:.82rem;color:#9ca3af}.content-breadcrumb[data-astro-cid-ds6ctzq3] a[data-astro-cid-ds6ctzq3]:hover,.content-breadcrumb[data-astro-cid-ds6ctzq3] a[data-astro-cid-ds6ctzq3]:focus-visible{color:#0f172a}.content-breadcrumb[data-astro-cid-ds6ctzq3] a[data-astro-cid-ds6ctzq3]{text-decoration:none}.content-breadcrumb[data-astro-cid-ds6ctzq3] .breadcrumb-current[data-astro-cid-ds6ctzq3]{color:#64748b}.breadcrumb-separator[data-astro-cid-ds6ctzq3]{color:#d1d5db}.content-inner[data-astro-cid-ds6ctzq3]{padding:.6rem 2rem 0;display:flex;flex-direction:column;gap:1.4rem;flex:1}.content-head[data-astro-cid-ds6ctzq3]{display:flex;flex-direction:column;gap:.5rem}.content-eyebrow[data-astro-cid-ds6ctzq3]{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:#94a3b8}.content-title[data-astro-cid-ds6ctzq3]{margin:0;font-family:Space Grotesk,Noto Sans SC,PingFang SC,sans-serif;font-size:clamp(1.7rem,1.4vw + 1.4rem,2.3rem);color:#111827}.content-subtitle[data-astro-cid-ds6ctzq3]{margin:0;color:#6b7280;line-height:1.7;max-width:36rem}.markdown[data-astro-cid-ds6ctzq3] h2{margin:1.5rem 0 .6rem;font-size:1.1rem;color:#111827;scroll-margin-top:5rem}.markdown[data-astro-cid-ds6ctzq3] h3{scroll-margin-top:5rem}.markdown[data-astro-cid-ds6ctzq3] p{margin:0 0 1rem;line-height:1.75;color:#4b5563}.markdown[data-astro-cid-ds6ctzq3] ul{margin:0 0 1rem;padding-left:1.1rem;color:#4b5563;line-height:1.7}.markdown[data-astro-cid-ds6ctzq3] li{margin-bottom:.4rem}.markdown[data-astro-cid-ds6ctzq3] .tip{background:#ecfdf3;border:1px solid #bbf7d0;border-radius:.7rem;padding:1rem;color:#14532d}.tutorial-footer[data-astro-cid-ds6ctzq3]{padding-inline:2rem;margin-top:auto;background:transparent;color:#1f2937;text-align:center;font-size:.76rem;padding-block:1.8rem;border-top:1px solid rgba(148,163,184,.25)}.tutorial-footer[data-astro-cid-ds6ctzq3] .footer-links[data-astro-cid-ds6ctzq3] a[data-astro-cid-ds6ctzq3]{color:inherit;transition:color .2s ease}.tutorial-footer[data-astro-cid-ds6ctzq3] .footer-links[data-astro-cid-ds6ctzq3] a[data-astro-cid-ds6ctzq3]:hover,.tutorial-footer[data-astro-cid-ds6ctzq3] .footer-links[data-astro-cid-ds6ctzq3] a[data-astro-cid-ds6ctzq3]:focus-visible{color:#6b7280}.tutorial-footer[data-astro-cid-ds6ctzq3] .footer-inner[data-astro-cid-ds6ctzq3]{align-items:center;color:#1f2937}.tutorial-footer[data-astro-cid-ds6ctzq3] .footer-links[data-astro-cid-ds6ctzq3],.tutorial-footer[data-astro-cid-ds6ctzq3] .footer-meta[data-astro-cid-ds6ctzq3]{justify-content:center}.tutorial-footer[data-astro-cid-ds6ctzq3] .footer-meta[data-astro-cid-ds6ctzq3]{color:inherit}.tutorial-toc[data-astro-cid-ds6ctzq3]{grid-area:toc;border-left:none;padding:1.8rem 1.2rem;height:100%;overflow-y:auto;background:transparent;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.12) transparent}.tutorial-toc[data-astro-cid-ds6ctzq3]::-webkit-scrollbar{width:6px}.tutorial-toc[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-track{background:transparent}.tutorial-toc[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-thumb{background-color:#0f172a1f;border-radius:999px}.tutorial-toc[data-astro-cid-ds6ctzq3]:hover{scrollbar-color:rgba(15,23,42,.35) transparent}.tutorial-toc[data-astro-cid-ds6ctzq3]:hover::-webkit-scrollbar-thumb{background-color:#0f172a59}.toc-inner[data-astro-cid-ds6ctzq3]{display:flex;flex-direction:column;gap:1rem}.toc-title[data-astro-cid-ds6ctzq3]{margin:0;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#9ca3af}.toc-list[data-astro-cid-ds6ctzq3]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.toc-item[data-astro-cid-ds6ctzq3]{margin:0}.toc-link[data-astro-cid-ds6ctzq3]{display:block;padding:.35rem .5rem;border-radius:.6rem;color:#6b7280;font-size:.84rem;line-height:1.5;transition:background .2s ease,color .2s ease;text-decoration:none}.toc-item[data-astro-cid-ds6ctzq3].depth-3 .toc-link[data-astro-cid-ds6ctzq3]{padding-left:1rem;font-size:.8rem}.toc-link[data-astro-cid-ds6ctzq3]:hover,.toc-link[data-astro-cid-ds6ctzq3]:focus-visible{background:#e0f2fe;color:#0f172a}@media(max-width:900px){.tutorial-shell[data-astro-cid-ds6ctzq3]{grid-template-columns:1fr;height:auto;position:relative}.tutorial-shell[data-astro-cid-ds6ctzq3].has-toc{grid-template-columns:1fr}.tutorial-nav[data-astro-cid-ds6ctzq3]{position:absolute;top:.8rem;right:1.2rem;padding:0;border:none;height:auto;width:auto;background:transparent;z-index:20}.nav-summary[data-astro-cid-ds6ctzq3]{display:flex}.nav-content[data-astro-cid-ds6ctzq3]{display:none;margin-top:.8rem;position:absolute;right:0;top:calc(100% + .4rem);background:#fff;border:1px solid rgba(148,163,184,.25);border-radius:.9rem;padding:.8rem;box-shadow:0 16px 28px #0f172a1f;min-width:220px;z-index:30}.nav-collapsible[data-astro-cid-ds6ctzq3][open] .nav-content[data-astro-cid-ds6ctzq3]{display:flex}.tutorial-content[data-astro-cid-ds6ctzq3],.tutorial-page[data-astro-cid-ds6ctzq3]{height:auto;overflow:visible}.content-breadcrumb[data-astro-cid-ds6ctzq3]{padding:1.2rem 1.5rem 0}.content-inner[data-astro-cid-ds6ctzq3]{padding:.6rem 1.5rem 0}.tutorial-footer[data-astro-cid-ds6ctzq3]{padding-inline:1.5rem}.tutorial-toc[data-astro-cid-ds6ctzq3]{display:none}}