.focus-diagram{--diagram-focus:#137568;--diagram-tint:#edf7f4;--diagram-learning:#375ca1;--diagram-learning-tint:#f0f4fc;--diagram-line:var(--sl-color-gray-4);border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);border-radius:.75rem;padding:1.4rem;container-type:inline-size}:root[data-theme=dark] .focus-diagram{--diagram-focus:#80d4c2;--diagram-tint:#142d2b;--diagram-learning:#a7c0f2;--diagram-learning-tint:#1c273d}.sl-markdown-content .focus-diagram figcaption{margin:0 0 1.5rem}.focus-diagram figcaption strong{color:var(--sl-color-white);font-size:1.05rem;display:block}.focus-diagram figcaption>span{margin-top:.3rem;display:block}.sl-markdown-content .diagram-phase{color:var(--sl-color-gray-2);justify-content:space-between;gap:1rem;margin:1rem 0 .8rem;font-size:.75rem;display:flex}.diagram-phase>span:first-child{color:var(--diagram-focus);font-weight:700}.sl-markdown-content .diagram-chain{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.system-chain{grid-template-columns:repeat(4,minmax(0,1fr))}.library-chain{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-markdown-content .diagram-chain>li{border:1px solid var(--diagram-line);border-radius:.4rem;min-width:0;margin:0;padding:.9rem;list-style:none;position:relative}.diagram-chain>li+li:before{content:"→";text-align:center;width:1.25rem;color:var(--sl-color-gray-3);position:absolute;top:2.8rem;left:-1.25rem}.sl-markdown-content .diagram-chain .node-focus{background:var(--diagram-tint);border-color:var(--diagram-focus)}.focus-diagram .node-index{letter-spacing:.04em;color:var(--diagram-focus);margin:0 0 .6rem;font-size:.7rem;font-weight:700;display:block}.focus-diagram strong,.focus-diagram .node-title{font-size:.9rem;line-height:1.4;display:block}.focus-diagram .node-title{overflow-wrap:anywhere;font-weight:700}.sl-markdown-content .focus-diagram p{color:var(--sl-color-gray-2);margin:.5rem 0 0;font-size:.82rem;line-height:1.6}.focus-diagram .node-detail{color:var(--diagram-focus);margin-top:.9rem;font-size:.7rem;display:block}.focus-diagram .node-formula{color:var(--diagram-focus);margin-top:1rem}.tree-glyph{width:100%;height:44px;color:var(--diagram-focus);fill:var(--sl-color-bg);stroke:currentColor;stroke-width:1.5px;margin-top:1rem}.tree-glyph path{fill:none}.library-tree{height:84px}.tree-label{text-align:center}.sl-markdown-content .diagram-feedback{border-left:2px solid var(--diagram-focus);background:var(--diagram-tint);color:var(--diagram-focus);align-items:center;gap:.6rem;margin:.9rem 0 0;padding:.6rem .8rem;font-size:.78rem;display:flex}.diagram-feedback>span{font-size:1.4rem}.sl-markdown-content .diagram-handoff{color:var(--sl-color-gray-2);justify-content:center;align-items:center;gap:.7rem;margin:.8rem 0;font-size:.75rem;display:flex}.diagram-handoff>span{font-size:1.5rem}.sl-markdown-content .diagram-backup{border:1px solid var(--diagram-learning);background:var(--diagram-learning-tint);border-radius:.4rem;margin:0;padding:.8rem 1rem}.diagram-fork{text-align:center;color:var(--diagram-learning);grid-template-columns:1fr 1fr;display:grid}.sl-markdown-content .diagram-fork{margin:0}.sl-markdown-content .diagram-outputs{grid-template-columns:1fr 1fr;gap:1rem;margin:0;display:grid}.sl-markdown-content .diagram-outputs>*{border:1px solid var(--diagram-line);border-top:2px solid var(--diagram-learning);border-radius:.4rem;margin:0;padding:.8rem 1rem}.diagram-outputs .node-index{color:var(--diagram-learning)}.sl-markdown-content .training-feedback{color:var(--diagram-learning);border-color:var(--diagram-learning);background:var(--diagram-learning-tint)}.sl-markdown-content .focus-diagram .diagram-source{margin-top:1rem;font-size:.72rem}.focus-diagram .module-box{border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);border-radius:.3rem;margin-top:.8rem;padding:.6rem;text-decoration:none;display:block}.module-box strong{overflow-wrap:anywhere;font-size:.75rem}.module-box span{color:var(--sl-color-gray-2);margin-top:.25rem;font-size:.72rem;line-height:1.5;display:block}.focus-diagram a{color:var(--sl-color-white);text-underline-offset:.2em}.focus-diagram a:hover{border-color:var(--diagram-focus);color:var(--diagram-focus)}.focus-diagram a:focus-visible{outline:3px solid var(--diagram-focus);outline-offset:3px}.diagram-outputs a{text-decoration:none}@container (width<=600px){.system-chain,.library-chain{grid-template-columns:1fr}.sl-markdown-content .diagram-chain{gap:1.5rem}.diagram-chain>li+li:before{content:"↓";line-height:1.5rem;top:-1.5rem;left:calc(50% - .6rem)}.system-chain .tree-glyph{max-width:160px}.library-tree{max-width:220px;margin-inline:auto;display:block}.sl-markdown-content .diagram-outputs{grid-template-columns:1fr;gap:.7rem}.diagram-fork{grid-template-columns:1fr}.diagram-fork>span+span{display:none}}@media (width<=40rem){.focus-diagram{padding:1rem}}
