.tutorial-page-shell{box-sizing:border-box;grid-template-columns:minmax(200px,232px) minmax(0,1fr);column-gap:clamp(32px,4vw,56px);width:min(1440px,100%);margin:0 auto;padding:40px 48px 96px;display:grid}.tutorial-page-shell-without-directory{grid-template-columns:minmax(0,1fr)}@media (min-width:1280px){.tutorial-page-shell-with-toc{grid-template-columns:minmax(200px,232px) minmax(0,1fr) 184px}.tutorial-page-shell-without-directory.tutorial-page-shell-with-toc{grid-template-columns:minmax(0,1fr) 184px}}.tutorial-page-sidebar{min-width:0}.tutorial-page-sidebar-inner{scrollbar-width:thin;max-height:calc(100vh - 128px);position:sticky;top:96px;overflow-y:auto}.tutorial-nav-title{color:var(--Labels-Primary,#000000e6);border-radius:8px;margin:0 0 8px;padding:6px 10px;font-size:15px;font-weight:650;line-height:22px;text-decoration:none;display:block}a.tutorial-nav-title:hover{background:var(--Fills-F2,#0000000d)}.tutorial-nav-list,.tutorial-nav-children{gap:2px;margin:0;padding:0;list-style:none;display:grid}.tutorial-nav-children{border-left:1px solid var(--Separators-S1,#00000021);margin:2px 0 6px 10px;padding-left:10px}.tutorial-nav-row{align-items:stretch;gap:2px;display:flex}.tutorial-nav-link{width:100%;color:var(--Labels-Secondary,#0009);text-align:left;background:0 0;border:0;border-radius:8px;flex:auto;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:14px;line-height:20px;text-decoration:none;display:flex}.tutorial-nav-category-toggle{width:100%;color:var(--Labels-Secondary,#0009);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:auto;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:14px;font-weight:550;line-height:20px;display:flex}.tutorial-nav-chevron{color:currentColor;opacity:.6;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:7px;height:7px;margin-right:3px;transition:transform .16s;transform:rotate(-45deg)}.tutorial-nav-category-toggle:hover,.tutorial-nav-category-toggle:focus-visible{background:var(--Fills-F2,#0000000d);color:var(--Labels-Primary,#000000e6)}.tutorial-nav-category-toggle.is-expanded .tutorial-nav-chevron{transform:rotate(45deg)}.tutorial-nav-disclosure{color:var(--Labels-Secondary,#0009);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 30px;justify-content:center;align-items:center;padding:0;display:inline-flex}.tutorial-nav-disclosure.is-expanded .tutorial-nav-chevron{transform:rotate(45deg)}.tutorial-nav-link:hover{background:var(--Fills-F2,#0000000d);color:var(--Labels-Primary,#000000e6)}.tutorial-nav-link.is-active{background:var(--Fills-F2,#0000000d);color:var(--Labels-Primary,#000000e6);font-weight:550}.tutorial-nav-link:focus-visible,.tutorial-nav-category-toggle:focus-visible,.tutorial-nav-disclosure:focus-visible,.tutorial-breadcrumb a:focus-visible{outline:2px solid var(--Colors-KMBlue,#1783ff);outline-offset:2px}.tutorial-nav-disclosure:hover{background:var(--Fills-F2,#0000000d);color:var(--Labels-Primary,#000000e6)}.tutorial-nav-label{cursor:default;font-weight:550}.tutorial-nav-label:hover{background:0 0}.tutorial-nav-article{font-size:14px}.tutorial-breadcrumb{color:var(--Labels-Secondary,#0009);margin-bottom:24px;font-size:13px;line-height:20px}.tutorial-breadcrumb ol{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tutorial-breadcrumb li{align-items:center;gap:6px;display:flex}.tutorial-breadcrumb li:not(:last-child):after{content:"›";color:var(--Labels-Tertiary,#00000073);font-size:16px;line-height:1}.tutorial-breadcrumb a{color:var(--Labels-Secondary,#0009);text-decoration:none}.tutorial-breadcrumb a:hover{color:var(--Labels-Primary,#000000e6)}.tutorial-page-main,.tutorial-article-root{min-width:0}.tutorial-article-header{max-width:760px;margin-bottom:32px}.tutorial-article-header h1{color:var(--Labels-Primary,#000000e6);letter-spacing:-.01em;margin:0;font-size:clamp(28px,3.5vw,36px);font-weight:700;line-height:1.2}.tutorial-article{max-width:760px}.landing-tutorial-runtime .kit-weaver-markdown-root{--kit-weaver-markdown-font-size:16px;--kit-weaver-markdown-line-height:28px;--scroll-margin-top:96px}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-paragraph,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-list,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-image,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-code-wrap,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-divider,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-blockquote,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-table-wrap,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-unknown-component{max-width:none;margin-left:0;margin-right:0}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-paragraph{font-size:16px!important;line-height:28px!important}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-heading-1,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-heading-2,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-heading-3,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-heading-4,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-heading-5,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-heading-6{text-align:left;max-width:none;margin-left:0;margin-right:0}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-heading-2{margin-top:48px!important;margin-bottom:16px!important;padding-top:0!important;font-size:24px!important;line-height:32px!important}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-heading-3{margin-top:32px!important;margin-bottom:12px!important;font-size:19px!important;line-height:28px!important}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-heading-4{margin-top:24px!important;margin-bottom:12px!important;font-size:17px!important;line-height:26px!important}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-list-item>.kit-weaver-markdown-paragraph{font-size:16px!important;line-height:28px!important}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-list .kit-weaver-markdown-list{margin:12px 0!important}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-blockquote .kit-weaver-markdown-paragraph{font-size:16px!important;line-height:28px!important}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-callout{max-width:none}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-table,.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-table thead tr:first-child th{font-size:15px;line-height:24px}.landing-tutorial-runtime .kit-weaver-markdown-root .kit-weaver-markdown-table .kit-weaver-markdown-paragraph{font-size:inherit!important;line-height:inherit!important;margin:0!important}.landing-tutorial-runtime .vp-doc.tutorial-article .resources-standard-code-block{border:.5px solid var(--code-block-border);border-radius:var(--code-block-radius);background:var(--code-block-bg);margin:16px 0;position:relative;overflow:hidden}.landing-tutorial-runtime .vp-doc.tutorial-article .resources-standard-code-block pre{color:var(--code-block-fg);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);scrollbar-width:thin;background:0 0;border:none;border-radius:0;margin:0;padding:16px 56px 16px 16px;font-size:14px;line-height:22px;overflow-x:auto}.landing-tutorial-runtime .vp-doc.tutorial-article .resources-standard-code-block code{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre;background:0 0;border-radius:0;padding:0}.landing-tutorial-runtime .vp-raw.w-dvw{width:100%;padding-top:0;margin-left:0!important;margin-right:0!important}.landing-tutorial-runtime .resources-qa-container{flex-direction:column;gap:12px;max-width:none;padding:40px 0 0}.landing-tutorial-runtime .resources-qa-container h2{text-align:left;font-size:24px;line-height:32px}.landing-tutorial-runtime .resources-qa-container>div{margin:0}.landing-tutorial-runtime .vp-doc .resource-media-text-title{font-size:20px!important;font-weight:550!important;line-height:28px!important}.landing-tutorial-runtime .vp-doc .resource-media-text-desc,.landing-tutorial-runtime .vp-doc .resource-media-text-slogan{color:var(--Labels-Secondary)!important;font-size:16px!important;font-weight:400!important;line-height:26px!important}.landing-tutorial-runtime .vp-doc .resource-media-tabs p.resource-media-tabs-label{margin:0 0 16px!important;font-size:18px!important;font-weight:600!important;line-height:26px!important}.landing-tutorial-runtime .vp-doc .resource-quote[data-quote-lang] .resource-quote-text,.landing-tutorial-runtime .vp-doc .resource-quote[data-quote-lang] .resource-quote-attribution{font-size:16px!important;line-height:28px!important}.tutorial-page-toc{min-width:0;display:none}@media (min-width:1280px){.tutorial-page-toc{display:block}}.tutorial-page-toc-inner{scrollbar-width:thin;max-height:calc(100vh - 128px);position:sticky;top:96px;overflow-y:auto}.tutorial-toc-label{color:var(--Labels-Secondary,#0009);margin:0 0 10px;font-size:13px;font-weight:600;line-height:20px}.tutorial-toc-list{border-left:1px solid var(--Separators-S1,#00000021);margin:0;padding:0;list-style:none;display:grid}.tutorial-toc-link{color:var(--Labels-Secondary,#0009);border-left:2px solid #0000;margin-left:-1px;padding:5px 0 5px 12px;font-size:13px;line-height:20px;text-decoration:none;display:block}.tutorial-toc-link[data-level="3"]{padding-left:24px}.tutorial-toc-link:hover{color:var(--Labels-Primary,#000000e6)}.tutorial-toc-link.is-active{border-left-color:var(--Colors-KMBlue,#1783ff);color:var(--Labels-Primary,#000000e6);font-weight:550}.tutorial-pager{grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin-top:72px;display:grid}.tutorial-pager-card{border:1px solid var(--Separators-S1,#00000021);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;transition:border-color .16s;display:flex}.tutorial-pager-card:hover{border-color:var(--Labels-Tertiary,#00000073)}.tutorial-pager-card-next{text-align:right}.tutorial-pager-label{color:var(--Labels-Secondary,#0009);font-size:12px;line-height:18px}.tutorial-pager-title{color:var(--Labels-Primary,#000000e6);font-size:15px;font-weight:550;line-height:22px}@media (prefers-reduced-motion:reduce){.tutorial-nav-chevron{transition:none}}.tutorial-directory-mobile-toggle{display:none}@media (max-width:1023px){.tutorial-page-shell{padding:24px 20px 64px;display:block}.tutorial-page-sidebar-inner{max-height:none;margin-bottom:28px;position:static}.tutorial-nav-title{display:none}.tutorial-directory{border:1px solid var(--Separators-S1,#00000021);background:var(--Bg-Secondary,#00000005);border-radius:12px;display:block}.tutorial-directory-mobile-toggle{width:100%;color:var(--Labels-Primary,#000000e6);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:550;line-height:22px;display:flex}.tutorial-directory-mobile-toggle .tutorial-nav-chevron{transition:transform .16s}.tutorial-directory-mobile-toggle[aria-expanded=true] .tutorial-nav-chevron{transform:rotate(45deg)}.tutorial-directory-body{padding:0 8px 10px;display:none}.tutorial-directory-body.is-open{display:block}.tutorial-page-main .weaver-index-content .showcase-hub-subtitle{overflow-wrap:anywhere;white-space:normal!important;max-width:100%!important}.tutorial-article-header{margin-bottom:24px}.tutorial-pager{grid-template-columns:1fr;margin-top:56px}.tutorial-pager-spacer{display:none}}