.tut-page[data-v-20d92f7e]{--col-edge:clamp(1rem, 4.5vw, 3rem);min-height:100vh}.progress[data-v-20d92f7e]{background:linear-gradient(90deg,var(--main),var(--subs));z-index:200;height:3px;transition:width .1s;position:fixed;top:0;left:0}.tut-hero[data-v-20d92f7e]{background:var(--bg-deep);padding:calc(var(--header-height) + 2.8rem) 0 3.4rem}.tut-hero-inner[data-v-20d92f7e]{width:min(100% - 2 * var(--col-edge),var(--content-width,1000px) + 120px);margin-inline:auto}.crumb[data-v-20d92f7e]{color:color-mix(in oklab,var(--text) 72%,var(--bg-deep));font-size:13px;transition:color .25s}.crumb[data-v-20d92f7e]:hover,.hero-path[data-v-20d92f7e]{color:var(--main-strong)}.hero-path[data-v-20d92f7e]{letter-spacing:.1em;text-transform:uppercase;margin:16px 0 6px;font-size:12px}.hero-title[data-v-20d92f7e]{font-family:var(--font-display);margin:0;font-size:clamp(22px,3vw,30px);line-height:1.35}.hero-no[data-v-20d92f7e]{font-family:var(--font-mono);color:var(--main-strong);margin-right:8px;font-size:.62em;font-weight:500}.hero-meta[data-v-20d92f7e]{color:color-mix(in oklab,var(--text) 74%,var(--bg-deep));flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:12.5px;display:flex}.hero-meta span[data-v-20d92f7e]{align-items:center;gap:5px;display:inline-flex}.tut-sheet[data-v-20d92f7e]{z-index:3;background:var(--bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-top:-1.6rem;padding-top:2rem;position:relative}.tut-cols[data-v-20d92f7e]{width:min(100% - 2 * var(--col-edge),var(--content-width,1000px));margin-inline:auto;padding-bottom:3rem}.tut-cols.with-rail[data-v-20d92f7e]{width:min(100% - 2 * var(--col-edge),var(--content-width,1000px) + 120px);grid-template-columns:minmax(0,236px) minmax(0,1fr);align-items:start;gap:30px;display:grid}.rail[data-v-20d92f7e]{top:calc(var(--header-height) + 18px);max-height:calc(100vh - var(--header-height) - 48px);padding-right:4px;position:sticky;overflow-y:auto}.rail-title[data-v-20d92f7e]{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab,var(--text) 66%,var(--bg));margin:0 0 10px;font-size:11px}.stage-btn[data-v-20d92f7e]{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s;display:flex}.stage-btn[data-v-20d92f7e]:hover{background:color-mix(in oklab,var(--text) 7%,transparent)}.stage-btn[data-v-20d92f7e]:focus-visible{outline:2px solid var(--main);outline-offset:1px}.sb-dot[data-v-20d92f7e]{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sb-title[data-v-20d92f7e]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sb-count[data-v-20d92f7e]{font-family:var(--font-mono);color:color-mix(in oklab,var(--text) 62%,var(--bg));margin-left:auto;font-size:11px}.node-list[data-v-20d92f7e]{border-left:1px solid var(--border);margin:2px 0 10px;padding:0 0 0 10px;list-style:none}.node-line[data-v-20d92f7e]{align-items:center;gap:2px;display:flex}.node-link[data-v-20d92f7e]{min-width:0;color:color-mix(in oklab,var(--text) 82%,var(--bg));border-radius:8px;flex:1;align-items:baseline;gap:7px;padding:5px 8px;font-size:13px;line-height:1.55;transition:background .2s,color .2s;display:flex}.node-link[data-v-20d92f7e]:hover{background:color-mix(in oklab,var(--text) 7%,transparent);color:var(--text)}.node-link[data-v-20d92f7e]:focus-visible{outline:2px solid var(--main);outline-offset:1px}.node-link.on[data-v-20d92f7e]{background:hsl(var(--h-main),var(--s-main),var(--l-main),14%);color:var(--main-strong);font-weight:600}.nl-no[data-v-20d92f7e]{font-family:var(--font-mono);opacity:.85;flex-shrink:0;font-size:11px}.nl-title[data-v-20d92f7e]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sec-btn[data-v-20d92f7e]{width:22px;height:22px;color:color-mix(in oklab,var(--text) 62%,var(--bg));cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sec-btn[data-v-20d92f7e]:hover{background:color-mix(in oklab,var(--text) 8%,transparent);color:var(--text)}.sec-list[data-v-20d92f7e]{margin:2px 0 4px;padding:0 0 0 12px;list-style:none}.sec-link[data-v-20d92f7e]{width:100%;color:color-mix(in oklab,var(--text) 70%,var(--bg));text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:4px 8px;font-family:inherit;font-size:12.5px;line-height:1.6;transition:background .2s,color .2s;display:block}.sec-link.sub[data-v-20d92f7e]{padding-left:18px;font-size:12px}.sec-link[data-v-20d92f7e]:hover{background:color-mix(in oklab,var(--text) 7%,transparent);color:var(--main-strong)}.sec-link[data-v-20d92f7e]:focus-visible{outline:2px solid var(--main);outline-offset:1px}.rail-foot[data-v-20d92f7e]{color:color-mix(in oklab,var(--text) 66%,var(--bg));margin-top:6px;padding:5px 8px;font-size:12px;transition:color .25s;display:inline-block}.rail-foot[data-v-20d92f7e]:hover{color:var(--main-strong)}.rail-toggle[data-v-20d92f7e]{display:none}.detail[data-v-20d92f7e]{min-width:0}.detail-empty[data-v-20d92f7e],.detail-loading[data-v-20d92f7e]{color:color-mix(in oklab,var(--text) 70%,var(--bg));margin:0;padding:28px 0;font-size:14px}.offline-note[data-v-20d92f7e]{border:1px dashed hsl(var(--h-main),var(--s-main),var(--l-main),.5);border-radius:var(--radius);color:color-mix(in oklab,var(--text) 78%,var(--bg));margin:0 0 18px;padding:10px 14px;font-size:12.5px}.pn-nav[data-v-20d92f7e]{grid-template-columns:1fr 1fr;gap:1rem;margin:2.4rem 0 .6rem;display:grid}.pn-nav.single[data-v-20d92f7e]{grid-template-columns:1fr}.pn-card[data-v-20d92f7e]{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);flex-direction:column;gap:.35rem;padding:.9rem 1.15rem;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex}.pn-card[data-v-20d92f7e]:hover{border-color:hsl(var(--h-main),var(--s-main),var(--l-main),.55);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.pn-card.next[data-v-20d92f7e]{text-align:right;align-items:flex-end}.pn-card small[data-v-20d92f7e]{color:color-mix(in oklab,var(--text) 70%,var(--bg));align-items:center;gap:.35rem;font-size:.76rem;display:inline-flex}.pn-card small[data-v-20d92f7e] svg{color:var(--main-strong)}.pn-card b[data-v-20d92f7e]{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:600;line-height:1.55;display:-webkit-box;overflow:hidden}@media (width<=1023px){.tut-cols.with-rail[data-v-20d92f7e]{grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:22px}}@media (width<=900px){.tut-cols.with-rail[data-v-20d92f7e]{grid-template-columns:minmax(0,1fr);gap:18px}.rail[data-v-20d92f7e]{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);max-height:none;padding:12px 14px 14px;display:none;position:static;overflow:visible}.rail.open[data-v-20d92f7e]{display:block}.rail-toggle[data-v-20d92f7e]{width:min(100% - 2 * var(--col-edge),var(--content-width,1000px));border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--text);cursor:pointer;align-items:center;gap:7px;margin:0 auto 14px;padding:9px 14px;font-family:inherit;font-size:13px;transition:border-color .25s,color .25s;display:inline-flex}.rail-toggle[data-v-20d92f7e]:hover{border-color:var(--main);color:var(--main-strong)}.rail-toggle[data-v-20d92f7e]:focus-visible{outline:2px solid var(--main);outline-offset:2px}.rt-count[data-v-20d92f7e]{font-family:var(--font-mono);color:color-mix(in oklab,var(--text) 66%,var(--bg));margin-left:auto;font-size:11.5px}.tut-sheet[data-v-20d92f7e]{border-radius:var(--radius) var(--radius) 0 0}}@media (width<=640px){.pn-nav[data-v-20d92f7e]{grid-template-columns:1fr}}