.tutorial-page{--tutorial-page-bg:var(--background);--tutorial-sidebar-bg:var(--surface-1);--tutorial-border:var(--border);--tutorial-heading:var(--foreground);--tutorial-text:var(--foreground);--tutorial-muted:var(--muted);--tutorial-hover:var(--surface-2);--tutorial-active-bg:var(--theme-accent-soft,#eff6ff);--tutorial-active-text:var(--theme-accent,#1d4ed8);background:var(--tutorial-page-bg);color:var(--tutorial-text)}.theme-dark .tutorial-page{--tutorial-page-bg:var(--background);--tutorial-sidebar-bg:var(--surface-1);--tutorial-border:var(--border);--tutorial-heading:var(--foreground);--tutorial-text:var(--foreground);--tutorial-muted:var(--muted);--tutorial-hover:var(--surface-2);--tutorial-active-bg:var(--theme-accent-soft);--tutorial-active-text:#66a7ff}.tutorial-sidebar{background:var(--tutorial-sidebar-bg);border-color:var(--tutorial-border);color:var(--tutorial-text)}.tutorial-sidebar-heading,.tutorial-category-row{color:var(--tutorial-heading)}.tutorial-sidebar-icon{color:#2563eb}.tutorial-category-row:hover,.tutorial-article-link:hover{background:var(--tutorial-hover)}.tutorial-category-chevron,.tutorial-empty,.tutorial-meta,.tutorial-pagination-label{color:var(--tutorial-muted)}.tutorial-search{border-color:var(--tutorial-border);background:var(--tutorial-page-bg);color:var(--tutorial-muted)}.tutorial-search input{color:var(--tutorial-heading)}.tutorial-search input::placeholder,.tutorial-article-link{color:var(--tutorial-muted)}.tutorial-article-link.is-active{background:var(--tutorial-active-bg);color:var(--tutorial-active-text)}.tutorial-active-indicator{background:#2563eb}.tutorial-close{color:var(--tutorial-muted)}.tutorial-close:hover{background:var(--tutorial-hover);color:var(--tutorial-heading)}.tutorial-article{background:var(--tutorial-page-bg)}.tutorial-title,.tutorial-content h1,.tutorial-content h2,.tutorial-content h3,.tutorial-content h4{color:var(--tutorial-heading)}.tutorial-content{color:var(--tutorial-text);font-size:15px;line-height:1.85}.tutorial-content h1,.tutorial-content h2,.tutorial-content h3,.tutorial-content h4{scroll-margin-top:120px;font-weight:650;line-height:1.35}.tutorial-content h1{margin:2.4rem 0 1rem;font-size:1.75rem}.tutorial-content h2{border-bottom:1px solid var(--tutorial-border);margin:2.2rem 0 .8rem;padding-bottom:.55rem;font-size:1.4rem}.tutorial-content h3{margin:1.8rem 0 .65rem;font-size:1.15rem}.tutorial-content p,.tutorial-content ul,.tutorial-content ol,.tutorial-content pre,.tutorial-content blockquote{margin:.9rem 0}.tutorial-content ul,.tutorial-content ol{padding-left:1.5rem}.tutorial-content ul{list-style:outside}.tutorial-content ol{list-style:decimal}.tutorial-content a{color:#60a5fa;text-underline-offset:3px;text-decoration:underline}.tutorial-content code{background:var(--tutorial-hover);color:#fda4af;border-radius:4px;padding:.15rem .35rem;font-size:.875em}.tutorial-content pre{color:#e2e8f0;background:#0f172a;border:1px solid #1e293b;border-radius:6px;padding:1rem;overflow-x:auto}.tutorial-content pre code{color:inherit;background:0 0;padding:0}.tutorial-content blockquote{background:var(--tutorial-active-bg);color:var(--tutorial-text);border-left:3px solid #60a5fa;padding:.8rem 1rem}.tutorial-content img{border:1px solid var(--tutorial-border);border-radius:6px;max-width:100%;height:auto}.tutorial-content table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.tutorial-content th,.tutorial-content td{border:1px solid var(--tutorial-border);text-align:left;padding:.55rem .75rem}.tutorial-content th{background:var(--tutorial-hover);color:var(--tutorial-heading)}.tutorial-pagination{border-color:var(--tutorial-border)}.tutorial-pagination-link{border-color:var(--tutorial-border);color:var(--tutorial-heading)}.tutorial-pagination-link:hover{background:var(--tutorial-active-bg);border-color:#60a5fa}