.tutorial-wrapper{position:relative;max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.tutorial-content{max-width:900px;margin-left:276px;padding:0;line-height:1.7}.tutorial-text{font-size:1.125rem;color:#1f2937;margin-bottom:1.5rem}.tutorial-heading{font-family:Menlo,Monaco,Courier New,monospace;color:#1f2937;margin-top:2rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.tutorial-heading:first-child{margin-top:0}h1.tutorial-heading{font-size:2.25rem}h2.tutorial-heading{font-size:1.875rem}h3.tutorial-heading{font-size:1.5rem}h4.tutorial-heading{font-size:1.25rem}h5.tutorial-heading{font-size:1.125rem}h6.tutorial-heading{font-size:1rem}.tutorial-heading-exercise-prefix{color:#6b7280;font-weight:600}.tutorial-part{margin-top:3rem;margin-bottom:2rem;padding:2rem;border-radius:12px;background-color:#fff}.tutorial-part:first-child{margin-top:0}.tutorial-part-theme-blue,[data-theme=blue] .tutorial-part{background-color:#eff6ff;border:1px solid #dbeafe}.tutorial-part-theme-red,[data-theme=red] .tutorial-part{background-color:#fef2f2;border:1px solid #fee2e2}.tutorial-part-theme-purple,[data-theme=purple] .tutorial-part{background-color:#faf5ff;border:1px solid #f3e8ff}.tutorial-part-theme-green,[data-theme=green] .tutorial-part{background-color:#f0fdf4;border:1px solid #dcfce7}.tutorial-part-theme-orange,[data-theme=orange] .tutorial-part{background-color:#fff7ed;border:1px solid #ffedd5}.tutorial-part-theme-teal,[data-theme=teal] .tutorial-part{background-color:#f0fdfa;border:1px solid #ccfbf1}.tutorial-part-heading{font-family:Menlo,Monaco,Courier New,monospace;color:#1f2937;font-size:3rem;font-weight:700;line-height:1.2;margin:0;display:flex;align-items:baseline;gap:.5rem}.tutorial-part-letter{color:#2563eb;font-weight:700;min-width:2rem}.tutorial-part-theme-blue .tutorial-part-letter,[data-theme=blue] .tutorial-part .tutorial-part-letter{color:#2563eb}.tutorial-part-theme-red .tutorial-part-letter,[data-theme=red] .tutorial-part .tutorial-part-letter{color:#dc2626}.tutorial-part-theme-purple .tutorial-part-letter,[data-theme=purple] .tutorial-part .tutorial-part-letter{color:#9333ea}.tutorial-part-theme-green .tutorial-part-letter,[data-theme=green] .tutorial-part .tutorial-part-letter{color:#16a34a}.tutorial-part-theme-orange .tutorial-part-letter,[data-theme=orange] .tutorial-part .tutorial-part-letter{color:#ea580c}.tutorial-part-theme-teal .tutorial-part-letter,[data-theme=teal] .tutorial-part .tutorial-part-letter{color:#0d9488}[data-theme=blue] .tutorial-link{color:#2563eb}[data-theme=blue] .tutorial-link:hover{color:#1d4ed8}[data-theme=blue] .tutorial-link:visited{color:#6366f1}[data-theme=red] .tutorial-link{color:#dc2626}[data-theme=red] .tutorial-link:hover{color:#b91c1c}[data-theme=red] .tutorial-link:visited{color:#991b1b}[data-theme=purple] .tutorial-link{color:#9333ea}[data-theme=purple] .tutorial-link:hover{color:#7e22ce}[data-theme=purple] .tutorial-link:visited{color:#6b21a8}[data-theme=green] .tutorial-link{color:#16a34a}[data-theme=green] .tutorial-link:hover{color:#15803d}[data-theme=green] .tutorial-link:visited{color:#166534}[data-theme=orange] .tutorial-link{color:#ea580c}[data-theme=orange] .tutorial-link:hover{color:#c2410c}[data-theme=orange] .tutorial-link:visited{color:#9a3412}[data-theme=teal] .tutorial-link{color:#0d9488}[data-theme=teal] .tutorial-link:hover{color:#0f766e}[data-theme=teal] .tutorial-link:visited{color:#115e59}.tutorial-em{display:inline;padding:.125rem 0 .125rem .375rem;margin-right:.25rem;border-radius:4px;font-style:normal}[data-theme=blue] .tutorial-em{background-color:#eff6ff;border:1px solid #2563eb}[data-theme=red] .tutorial-em{background-color:#fef2f2;border:1px solid #dc2626}[data-theme=purple] .tutorial-em{background-color:#faf5ff;border:1px solid #9333ea}[data-theme=green] .tutorial-em{background-color:#f0fdf4;border:1px solid #16a34a}[data-theme=orange] .tutorial-em{background-color:#fff7ed;border:1px solid #ea580c}[data-theme=teal] .tutorial-em{background-color:#f0fdfa;border:1px solid #0d9488}.tutorial-text p{margin-bottom:1rem}.tutorial-text p:last-child{margin-bottom:0}.tutorial-text ul{list-style:none;padding-left:0;margin:1rem 0}.tutorial-text ul li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}.tutorial-text ul li:before{content:">";position:absolute;left:0;color:#6b7280;font-weight:600}.tutorial-text ul li:last-child{margin-bottom:0}.tutorial-code-block{position:relative;margin:1.5rem 0;border-radius:8px;overflow:hidden;background-color:#1e293b;border:1px solid #334155}.tutorial-code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#0f172a;border-bottom:1px solid #334155}.tutorial-code-block-header .language-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.tutorial-code-block-copy-btn{background:transparent;border:1px solid #475569;color:#cbd5e1;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s;font-family:inherit}.tutorial-code-block-copy-btn:hover{background-color:#334155;border-color:#64748b;color:#f1f5f9}.tutorial-code-block-copy-btn:active{transform:scale(.98)}.tutorial-code-block-copy-btn.copied{background-color:#10b981;border-color:#10b981;color:#fff}.tutorial-code-block pre{margin:0;padding:1.25rem;overflow-x:auto;font-size:.875rem;line-height:1.6}.tutorial-code-block code{color:#e2e8f0;font-family:Menlo,Monaco,Courier New,monospace;white-space:pre}.tutorial-centered-image{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.tutorial-centered-image img{max-width:100%;height:auto;border:2px solid #e5e7eb;border-radius:8px;padding:.5rem;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=blue] .tutorial-centered-image img{border-color:#2563eb}[data-theme=red] .tutorial-centered-image img{border-color:#dc2626}[data-theme=purple] .tutorial-centered-image img{border-color:#9333ea}[data-theme=green] .tutorial-centered-image img{border-color:#16a34a}[data-theme=orange] .tutorial-centered-image img{border-color:#ea580c}[data-theme=teal] .tutorial-centered-image img{border-color:#0d9488}.tutorial-centered-image-small img{max-width:50%;width:50%}.tutorial-chapter-context{padding:1.5rem;border-radius:8px;margin:2rem 0;border-left:4px solid}.tutorial-chapter-context.blue{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.tutorial-chapter-context.red{background-color:#fef2f2;border-color:#ef4444;color:#991b1b}.tutorial-chapter-context.purple{background-color:#faf5ff;border-color:#a855f7;color:#6b21a8}.tutorial-chapter-context-title{font-weight:700;font-size:1.125rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.tutorial-chapter-context-content{font-size:1rem;line-height:1.6}.tutorial-link{color:#2563eb;text-decoration:underline;text-underline-offset:2px;transition:color .2s}.tutorial-link:hover{color:#1d4ed8}.tutorial-link:visited{color:#7c3aed}.tutorial-link:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:2px}.tutorial-toc{position:fixed;top:4rem;left:calc((100vw - 1400px)/2 + 1.5rem);width:240px;max-height:calc(100vh - 16rem);overflow-y:auto;padding:1.5rem 1rem;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;z-index:10}@media (max-width: 1439px){.tutorial-toc{left:1.5rem}}.tutorial-toc-title{font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:1rem;font-family:Menlo,Monaco,Courier New,monospace}.tutorial-toc-list{list-style:none;padding:0;margin:0}.tutorial-toc-item{margin:.25rem 0}.tutorial-toc-link{display:block;color:#4b5563;text-decoration:none;font-size:.875rem;line-height:1.5;padding:.25rem .5rem;border-radius:4px;transition:all .2s;word-wrap:break-word}.tutorial-toc-link:hover{color:#1f2937;background-color:#f3f4f6}.tutorial-toc-item.active .tutorial-toc-link{color:#2563eb;background-color:#eff6ff;font-weight:600}.tutorial-toc-level-1{padding-left:0}.tutorial-toc-level-2{padding-left:.75rem}.tutorial-toc-level-3{padding-left:1.5rem}.tutorial-toc-level-4{padding-left:2.25rem}.tutorial-toc-level-5{padding-left:3rem}.tutorial-toc-level-6{padding-left:3.75rem}.tutorial-toc-part{margin:.5rem 0}.tutorial-toc-part-header{display:flex;align-items:center;gap:.25rem}.tutorial-toc-part-toggle{background:transparent;border:none;padding:.25rem;cursor:pointer;color:#6b7280;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:color .2s;min-width:1.25rem;height:1.25rem}.tutorial-toc-part-toggle:hover{color:#1f2937}.tutorial-toc-part-toggle-icon{display:inline-block;transition:transform .2s;line-height:1}.tutorial-toc-part-link{font-weight:600;color:#1f2937}.tutorial-toc-part.active .tutorial-toc-part-link,.tutorial-toc-part-link.tutorial-toc-part-theme-blue{color:#2563eb}.tutorial-toc-part-link.tutorial-toc-part-theme-red{color:#dc2626}.tutorial-toc-part-link.tutorial-toc-part-theme-purple{color:#9333ea}.tutorial-toc-part-link.tutorial-toc-part-theme-green{color:#16a34a}.tutorial-toc-part-link.tutorial-toc-part-theme-orange{color:#ea580c}.tutorial-toc-part-link.tutorial-toc-part-theme-teal{color:#0d9488}.tutorial-toc-part.active .tutorial-toc-part-link.tutorial-toc-part-theme-blue{color:#1d4ed8}.tutorial-toc-part.active .tutorial-toc-part-link.tutorial-toc-part-theme-red{color:#b91c1c}.tutorial-toc-part.active .tutorial-toc-part-link.tutorial-toc-part-theme-purple{color:#7e22ce}.tutorial-toc-part.active .tutorial-toc-part-link.tutorial-toc-part-theme-green{color:#15803d}.tutorial-toc-part.active .tutorial-toc-part-link.tutorial-toc-part-theme-orange{color:#c2410c}.tutorial-toc-part.active .tutorial-toc-part-link.tutorial-toc-part-theme-teal{color:#0f766e}.tutorial-toc-child-theme-blue{color:#3b82f6}.tutorial-toc-child-theme-red{color:#ef4444}.tutorial-toc-child-theme-purple{color:#a855f7}.tutorial-toc-child-theme-green{color:#22c55e}.tutorial-toc-child-theme-orange{color:#f97316}.tutorial-toc-child-theme-teal{color:#14b8a6}.tutorial-toc-item.active .tutorial-toc-child-theme-blue{color:#2563eb}.tutorial-toc-item.active .tutorial-toc-child-theme-red{color:#dc2626}.tutorial-toc-item.active .tutorial-toc-child-theme-purple{color:#9333ea}.tutorial-toc-item.active .tutorial-toc-child-theme-green{color:#16a34a}.tutorial-toc-item.active .tutorial-toc-child-theme-orange{color:#ea580c}.tutorial-toc-item.active .tutorial-toc-child-theme-teal{color:#0d9488}.tutorial-toc-part-children{list-style:none;padding:0;margin:.5rem 0 0 1.5rem;border-left:2px solid #e5e7eb;padding-left:.75rem}.tutorial-toc::-webkit-scrollbar{width:6px}.tutorial-toc::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tutorial-toc::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tutorial-toc::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.tutorial-wrapper{position:relative}.tutorial-content{margin-left:0}.tutorial-toc{position:relative;top:0;left:0;transform:none;width:100%;max-height:none;margin-bottom:2rem}}@media (max-width: 768px){.tutorial-wrapper{padding:1.5rem 1rem}.tutorial-content{padding:0}.tutorial-text{font-size:1rem}.tutorial-code-block pre{font-size:.8125rem;padding:1rem}.tutorial-chapter-context{padding:1.25rem}.tutorial-toc{padding:1rem}.tutorial-toc-link{font-size:.8125rem}.tutorial-part-heading{font-size:2.25rem}}