.walkthrough-root .rag-query-line{color:var(--ink);margin:0 0 14px;font-size:14px}.walkthrough-root .rag-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin:0 0 12px;font-size:11px}.walkthrough-root .rag-answer-box{border-radius:var(--radius);border:1px solid var(--line-soft);margin-top:12px;padding:16px}.walkthrough-root .rag-answer-label{text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:11px}.walkthrough-root .rag-answer-warn{background:color-mix(in srgb, var(--rose) 8%, var(--walk-head-card-bg));border-color:color-mix(in srgb, var(--rose) 35%, var(--line-soft))}.walkthrough-root .rag-answer-warn .rag-answer-label{color:var(--rose)}.walkthrough-root .rag-answer-good{background:color-mix(in srgb, var(--teal) 10%, var(--walk-head-card-bg));border-color:color-mix(in srgb, var(--teal) 35%, var(--line-soft))}.walkthrough-root .rag-answer-good .rag-answer-label{color:var(--teal)}.walkthrough-root .rag-pipeline-viz{padding:20px}.walkthrough-root .rag-pipeline-flow{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.walkthrough-root .rag-pipeline-node{border:1px solid var(--line-soft);font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;color:var(--ink-dim);background:var(--walk-tok-bg);border-radius:999px;padding:10px 14px;font-size:12px}.walkthrough-root .rag-pipeline-node.done{border-color:var(--line)}.walkthrough-root .rag-pipeline-node.current{border-color:var(--amber);background:var(--walk-tok-focus-bg);color:var(--amber)}.walkthrough-root .rag-pipeline-detail{text-align:center;margin-bottom:14px}.walkthrough-root .rag-index-stats{color:var(--ink-dim);flex-wrap:wrap;gap:12px 20px;margin-bottom:16px;font-size:12px;display:flex}.walkthrough-root .rag-chunk-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.walkthrough-root .rag-chunk-card{border:1px solid var(--line-soft);background:var(--walk-head-card-bg);color:var(--ink-dim);border-radius:8px;padding:14px;font-size:14px;line-height:1.5}.walkthrough-root .rag-chunk-card p:last-child{margin:0}.walkthrough-root .rag-chunk-meta{color:var(--ink-dim);margin:0 0 8px;font-size:11px;display:block}.walkthrough-root .rag-embed-badge{color:var(--teal);margin:10px 0 0;font-size:11px}.walkthrough-root .rag-retrieval-results{flex-direction:column;gap:14px;display:flex}.walkthrough-root .rag-retrieval-row{grid-template-columns:120px 48px 1fr;align-items:start;gap:12px;display:grid}@media (max-width:640px){.walkthrough-root .rag-retrieval-row{grid-template-columns:1fr}}.walkthrough-root .rag-score-bar{background:var(--line-soft);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.walkthrough-root .rag-score-fill{background:linear-gradient(90deg, var(--teal), var(--amber));border-radius:4px;height:100%;transition:width .4s}.walkthrough-root .rag-score-pct{color:var(--teal);text-align:right;font-size:12px}.walkthrough-root .rag-retrieval-text p{color:var(--ink-dim);margin:4px 0 0;font-size:14px;line-height:1.5}.walkthrough-root .rag-chunking-compare{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px;display:grid}.walkthrough-root .rag-pitfall-card h4{margin:0 0 10px;font-size:16px}.walkthrough-root .rag-pitfall-card p{color:var(--ink-dim);margin:0 0 12px;line-height:1.6}.walkthrough-root .rag-pitfall-fix{color:var(--teal);background:var(--walk-tok-target-bg);border-radius:6px;margin:0;padding:10px 12px;font-size:13px}.walkthrough-root .rag-flow-panel{padding:20px}.walkthrough-root .rag-flow-canvas{flex-direction:column;gap:16px;display:flex}.walkthrough-root .rag-flow-phase-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin:0;font-size:11px}.walkthrough-root .rag-flow-phase-offline{color:var(--amber)}.walkthrough-root .rag-flow-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;display:flex}.walkthrough-root .rag-flow-row-compact .rag-flow-node{min-width:100px;max-width:130px;padding:10px 8px;font-size:12px}.walkthrough-root .rag-flow-node{border:1px solid var(--line-soft);background:var(--walk-head-card-bg);text-align:center;min-width:110px;color:var(--ink-dim);border-radius:10px;flex-direction:column;gap:4px;padding:14px 12px;font-size:13px;line-height:1.35;display:flex}.walkthrough-root .rag-flow-node .mono{color:var(--ink);font-size:12px;font-weight:500}.walkthrough-root .rag-flow-node-user{border-color:color-mix(in srgb, var(--amber) 45%, var(--line-soft));background:var(--walk-tok-focus-bg)}.walkthrough-root .rag-flow-node-llm{border-color:color-mix(in srgb, var(--amber) 55%, var(--line-soft))}.walkthrough-root .rag-flow-node-docs{border-color:color-mix(in srgb, var(--line) 60%, var(--line-soft));border-style:dashed}.walkthrough-root .rag-flow-node-store{border-color:var(--teal);background:var(--walk-tok-target-bg)}.walkthrough-root .rag-flow-node-warn{border-color:color-mix(in srgb, var(--rose) 45%, var(--line-soft));background:color-mix(in srgb, var(--rose) 8%, var(--walk-head-card-bg))}.walkthrough-root .rag-flow-node-good{border-color:var(--teal);background:var(--walk-tok-target-bg)}.walkthrough-root .rag-flow-arrow{flex-direction:column;align-items:center;gap:2px;min-width:28px;display:flex}.walkthrough-root .rag-flow-arrow-line{background:var(--line);width:24px;height:2px;display:block;position:relative}.walkthrough-root .rag-flow-arrow-line:after{content:"";border:5px solid #0000;border-left-color:var(--line);position:absolute;top:-4px;right:-1px}.walkthrough-root .rag-flow-arrow-label{color:var(--ink-dim);text-transform:uppercase;font-size:9px}.walkthrough-root .rag-flow-isolated{border:1px dashed var(--line-soft);border-radius:var(--radius);background:color-mix(in srgb, var(--rose) 5%, transparent);flex-direction:column;align-items:center;gap:10px;margin-top:8px;padding:16px;display:flex}.walkthrough-root .rag-flow-broken-link{color:var(--rose);align-items:center;gap:8px;font-size:12px;display:flex}.walkthrough-root .rag-flow-broken-icon{font-size:18px;line-height:1}.walkthrough-root .rag-flow-caption{text-align:center;margin:4px 0 0}.walkthrough-root .rag-flow-gap-diagram{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:8px;display:grid}@media (max-width:640px){.walkthrough-root .rag-flow-gap-diagram{grid-template-columns:1fr}}.walkthrough-root .rag-flow-gap-middle{justify-content:center;display:flex}.walkthrough-root .rag-flow-gap-bridge{text-align:center;border:2px dashed var(--rose);border-radius:var(--radius);background:color-mix(in srgb, var(--rose) 8%, var(--walk-head-card-bg));min-width:140px;padding:16px 20px}.walkthrough-root .rag-flow-gap-bridge .mono{color:var(--rose);letter-spacing:.08em;font-size:12px}.walkthrough-root .rag-flow-gap-bridge p{color:var(--ink-dim);margin:6px 0 0;font-size:13px}.walkthrough-root .rag-gap-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.walkthrough-root .rag-gap-list li{border:1px solid var(--line-soft);background:var(--walk-tok-bg);border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.5}.walkthrough-root .rag-gap-list strong{color:var(--ink);margin-bottom:4px;display:block}.walkthrough-root .rag-gap-list span{color:var(--ink-dim)}.walkthrough-root .rag-flow-lane{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--walk-tok-bg);padding:14px}.walkthrough-root .rag-flow-lane-divider{text-align:center;color:var(--ink-dim);padding:4px 0;font-size:11px}.walkthrough-root .rag-compare-panel{margin-top:16px}.walkthrough-root .rag-compare-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.walkthrough-root .rag-compare-meta{color:var(--ink-dim);margin:10px 0 0;font-size:12px;font-style:italic}.walkthrough-root .rag-phase-tag{opacity:.75;margin-left:6px;font-size:10px}.walkthrough-root .rag-pipeline-track-diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.walkthrough-root .rag-pipeline-track-label{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:4px 8px;font-size:10px}.walkthrough-root .rag-pipeline-track-label.offline{color:var(--amber);background:var(--walk-tok-focus-bg)}.walkthrough-root .rag-pipeline-track-label.online{color:var(--teal);background:var(--walk-tok-target-bg)}.walkthrough-root .rag-pipeline-track-step{border:1px solid var(--line-soft);font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;color:var(--ink-dim);background:var(--walk-tok-bg);border-radius:999px;padding:8px 14px;font-size:12px;transition:border-color .2s,background .2s}.walkthrough-root .rag-pipeline-track-step.done{border-color:var(--line)}.walkthrough-root .rag-pipeline-track-step.active{border-color:var(--amber);background:var(--walk-tok-focus-bg);color:var(--amber)}.walkthrough-root .rag-pipeline-track-spacer{background:var(--line-soft);width:24px;height:2px}
