.tutorial-page-shell{box-sizing:border-box;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:48px;width:min(1440px,100%);margin:0 auto;padding:48px 80px 112px;display:grid}.tutorial-page-shell-without-directory{grid-template-columns:minmax(0,1fr)}.tutorial-page-sidebar{min-width:0}.tutorial-page-sidebar-inner{position:sticky;top:96px}.tutorial-nav-list,.tutorial-nav-children{gap:4px;margin:0;padding:0;list-style:none;display:grid}.tutorial-nav-children{border-left:1px solid color-mix(in srgb,currentColor 16%,transparent);margin:4px 0 8px 14px;padding-left:12px}.tutorial-nav-row{align-items:stretch;gap:2px;display:flex}.tutorial-nav-link{width:100%;color:var(--text-secondary,#667085);text-align:left;background:0 0;border:0;border-radius:8px;flex:auto;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:15px;line-height:1.35;text-decoration:none;display:flex}.tutorial-nav-category-toggle{width:100%;color:var(--text-secondary,#667085);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:8px 10px;font-size:15px;line-height:1.35;display:flex}.tutorial-nav-chevron{color:currentColor;opacity:.7;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:8px;height:8px;margin-right:2px;transition:transform .16s;transform:rotate(-45deg)}.tutorial-nav-category-toggle:hover,.tutorial-nav-category-toggle:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--text-primary,#111827)}.tutorial-nav-category-toggle.is-expanded .tutorial-nav-chevron{transform:rotate(45deg)}.tutorial-nav-disclosure{color:var(--text-secondary,#667085);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 32px;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,.tutorial-nav-link.is-active{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--text-primary,#111827)}.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,#2563eb);outline-offset:2px}.tutorial-nav-disclosure:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--text-primary,#111827)}.tutorial-nav-label{cursor:default;font-weight:520}.tutorial-nav-label:hover{background:0 0}.tutorial-nav-article{font-size:14px}.tutorial-page-main,.tutorial-article-root{min-width:0}.tutorial-article-header{margin-bottom:40px}.tutorial-article-header h1{color:var(--Labels-Primary,#000000e6);letter-spacing:-.02em;margin:0;font-size:clamp(32px,4vw,48px);font-weight:650;line-height:1.12}.tutorial-article-header p{max-width:760px;color:var(--Labels-Secondary,#0009);margin:16px 0 0;font-size:18px;line-height:1.55}.tutorial-article{max-width:800px}.tutorial-breadcrumb{color:var(--Labels-Secondary,#0009);margin-bottom:28px;font-size:14px;line-height:20px}.tutorial-breadcrumb ol{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tutorial-breadcrumb li{align-items:center;gap:8px;display:flex}.tutorial-breadcrumb li:not(:last-child):after{content:"›";color:var(--Labels-Tertiary,#00000059);font-size:20px;line-height:1}.tutorial-breadcrumb a{color:inherit;text-decoration:none}.tutorial-breadcrumb a:hover{color:var(--Labels-Primary,#000000e6)}@media (prefers-reduced-motion:reduce){.tutorial-nav-chevron{transition:none}}@media (max-width:1023px){.tutorial-page-shell{padding:32px 24px 80px;display:block}.tutorial-page-sidebar-inner{margin-bottom:32px;position:static}.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:32px}}