.tutorial-sidebar[data-astro-cid-bus66oyz]{background:var(--color-surface-low);border:1px solid var(--color-border);border-radius:10px;padding:16px;font-size:14px;line-height:20px}.sidebar-group[data-astro-cid-bus66oyz]+.sidebar-group[data-astro-cid-bus66oyz]{margin-top:20px}p[data-astro-cid-bus66oyz]{color:var(--color-text-muted);margin-bottom:8px;font-weight:500}ul[data-astro-cid-bus66oyz]{padding:0;list-style:none}a[data-astro-cid-bus66oyz]{color:var(--color-text-muted);border-left:2px solid #0000;padding:10px 8px;text-decoration:none;display:block}a[data-astro-cid-bus66oyz]:hover,a[data-astro-cid-bus66oyz][aria-current=page]{color:var(--color-primary)}a[data-astro-cid-bus66oyz][aria-current=page]{border-left-color:var(--color-primary);background:var(--color-surface)}ul[data-astro-cid-amnqfkzo]{margin:0;padding:0;list-style:none}li[data-astro-cid-amnqfkzo].nested{padding-left:12px}a[data-astro-cid-amnqfkzo]{color:var(--color-text-muted);padding-block:8px;font-size:14px;line-height:20px;text-decoration:none;display:block}a[data-astro-cid-amnqfkzo]:hover,a[data-astro-cid-amnqfkzo]:focus-visible{color:var(--color-primary)}.docs-shell{gap:24px;display:grid}.docs-content{width:100%;min-width:0;max-width:760px;margin-inline:auto}.desktop-sidebar,.desktop-toc{display:none}.mobile-tutorials,.mobile-toc{border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:12px}.docs-shell summary{cursor:pointer;color:var(--color-primary);padding-block:10px;font-size:16px;line-height:24px}.mobile-toc .toc{margin-top:8px}.article-header{border-bottom:1px solid var(--color-border);margin-bottom:32px;padding-bottom:24px}.tutorial-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:13px;line-height:18px;display:flex}.tutorial-tags{color:var(--color-text-muted);flex-wrap:wrap;gap:8px;margin-top:12px;padding:0;font-size:13px;line-height:18px;list-style:none;display:flex}.tutorial-tags li{border:1px solid var(--color-border);border-radius:6px;padding:4px 8px}.tutorial-list{gap:12px;padding:0;list-style:none;display:grid}.tutorial-card{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:10px;gap:8px;padding:20px;font-size:16px;line-height:24px;text-decoration:none;transition:border-color .18s ease-out,background-color .18s ease-out;display:grid}.tutorial-card:is(:hover,:focus-visible){border-color:var(--color-border-strong);background:var(--color-surface-high)}.tutorial-card-title{justify-content:space-between;gap:16px;font-weight:500;display:flex}.tutorial-card-title svg{color:var(--color-primary);flex-shrink:0}.tutorial-difficulty{text-transform:capitalize;color:var(--color-text-muted);font-size:13px}.docs-prose>:first-child{margin-top:0}.docs-prose p,.docs-prose ul,.docs-prose ol,.docs-prose blockquote,.docs-prose table{margin-block:16px}.docs-prose h2{margin:40px 0 16px}.docs-prose h3{margin:32px 0 12px}.docs-prose h4{margin:24px 0 12px}.docs-prose :is(h2,h3,h4){scroll-margin-top:24px}.docs-prose ul{padding-left:24px;list-style:outside}.docs-prose ol{padding-left:24px;list-style:decimal}.docs-prose li+li{margin-top:8px}.docs-prose li>:is(ul,ol){margin-block:8px}.docs-prose blockquote{border-left:3px solid var(--color-secondary);color:var(--color-text-muted);padding-left:20px}.docs-prose table{border-collapse:collapse;max-width:100%;font-size:14px;display:block;overflow-x:auto}.docs-prose th,.docs-prose td{text-align:left;border:1px solid var(--color-border);padding:8px 12px}.docs-prose img{border:1px solid var(--color-border);border-radius:10px;max-width:100%;height:auto;margin-block:24px}.docs-prose hr{border-color:var(--color-border);margin-block:32px}.docs-prose .code-block{border:1px solid var(--color-border);background:var(--color-surface-lowest);border-radius:10px;min-width:0;margin-block:24px;overflow:hidden}.code-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-surface-low);min-height:44px;font-family:var(--font-mono);color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:4px 8px 4px 16px;font-size:13px;display:flex}.code-copy{cursor:pointer;min-width:64px;min-height:36px;font-family:var(--font-sans);color:var(--color-text);border-radius:6px;padding:4px 8px}.code-copy:is(:hover,:focus-visible){background:var(--color-surface-high);color:var(--color-primary)}.docs-prose .code-block pre{margin:0;padding:16px 20px}@media (width>=768px){.docs-shell{grid-template-columns:200px minmax(0,760px);gap:32px}.desktop-sidebar{align-self:start;max-height:calc(100svh - 48px);display:block;position:sticky;top:24px;overflow-y:auto}.mobile-tutorials{display:none}}@media (width>=1280px){.docs-shell{grid-template-columns:240px minmax(0,760px) 200px;gap:40px}.desktop-toc{align-self:start;max-height:calc(100svh - 48px);display:block;position:sticky;top:24px;overflow-y:auto}.mobile-toc{display:none}}