/* Readable source trees and scene comparisons, matched to the supplied reference. */
#chains,#scenes{scroll-margin-top:80px}
.path-legend{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 12px}.path-key{padding:5px 10px;font-size:12px;border:1px solid #b7cebe;border-left:4px solid #478665;background:white;border-radius:5px}.path-key.stock{border-left-color:#4a9098;color:#286b72}.path-key.conversion{border-left-color:#ba8441;color:#92531a}.path-key.declared{border-style:dashed;border-left-width:1px;color:#6d7473}.path-numbering{font-size:13px;color:var(--muted);max-width:1100px}
#chainRoot{max-width:330px}#chainCategory{max-width:220px}.filters .chip.active,.scene-presets button.active{background:var(--green);color:white;border-color:var(--green)}
.path-family{background:#fffefa;border:1px solid #bed1c1;border-radius:12px;padding:22px;margin:22px 0;min-width:0}.path-family-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.path-family-head h3{font-size:21px;margin:0 0 7px}.path-family-head small{font-size:12px;color:var(--muted)}.path-case-note{max-width:none;background:#edf3e8;border-left:3px solid #64947b;padding:12px 14px;border-radius:6px;font-size:14px;margin:16px 0}
.path-tree{margin:24px 0}.path-tree-branch{min-width:0}.path-node{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid #adc7b6;border-radius:9px;background:white;text-align:left;white-space:normal;line-height:1.5;color:var(--ink);min-width:0}.path-node:hover{background:#f0f5e9;border-color:var(--green)}.path-node:focus-visible{outline:3px solid #c3a458;outline-offset:2px}.path-node img,.node-noimage{width:64px;height:64px;object-fit:contain;background:#f0f4ed;flex:none;border-radius:7px}.node-noimage{display:grid;place-items:center;font-size:11px;color:var(--muted);border:1px dashed var(--line)}.path-node-body{display:block;min-width:0;overflow-wrap:anywhere}.path-node-body strong{display:block;color:var(--green);font-size:15px}.path-node-role{display:block;font-size:11px;color:#4d735f}.path-node-meta{display:block;font-size:11px;color:var(--muted);margin-top:4px}.path-node-state{display:block;color:#955c23;font-size:11px;margin-top:5px}.path-node.generator{border-left:4px solid #4f8767}.path-tree>.path-tree-branch>.path-node{max-width:520px;margin:0 auto;background:#e8f0e3}
.path-children{padding-top:22px;position:relative}.path-tree>.path-tree-branch>.path-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px}.path-children>.path-tree-branch{border-top:2px solid #9ebaa6;padding-top:9px;position:relative}.path-children>.path-tree-branch::before{content:'↓';position:absolute;top:-19px;left:50%;font-size:18px;color:#5b8069;line-height:22px}.path-children .path-children{padding:14px 0 0 12px;margin-left:9px;border-left:1px solid #bbd0bf}.path-children .path-children>.path-tree-branch{margin-top:12px}.path-incoming{font-size:11px;color:#2e7352;line-height:1.7;min-height:22px;margin-bottom:6px;overflow-wrap:anywhere}.path-incoming.stock,.path-outgoing.stock{color:#286b72}.path-incoming.conversion,.path-outgoing.conversion{color:#955c23}.path-incoming.declared{color:#7b7e77}.path-edge-stock{border-top-color:#7ca4a8!important}.path-edge-conversion{border-top-color:#ba8441!important}.path-edge-declared{border-top-style:dashed!important;border-top-color:#a6aba3!important}.path-edge-declared>.path-node{border-style:dashed;border-color:#aeb3ac;background:#f6f6f0}.path-edge-conversion::before{color:#a66e2b!important}.path-edge-declared::before{color:#8a9086!important}
.path-extra-relations{background:#f8f9f4;border:1px solid #d7dfd4;border-radius:8px;padding:12px 14px;margin:16px 0;font-size:12px}.path-extra-relations p{margin:5px 0;overflow-wrap:anywhere}.path-extra-relations .conversion{color:#955c23}.source-evidence{font-size:12px}.source-evidence p{margin:8px 0;overflow-wrap:anywhere}.inline-jump{border:1px solid #c5d6ca;border-radius:4px;font-size:11px;padding:2px 6px;background:#f3f7ef;color:var(--green);line-height:1.7}.inline-jump:hover{background:#dbe9dc}
.path-sequences{background:#fbfcf8;margin:20px 0 0;padding:15px 20px}.path-sequences>summary{font-size:14px;color:var(--green)}.path-chain-sequence{padding:18px 0;border-top:1px solid #d7e0d3;scroll-margin-top:85px;margin-top:15px;min-width:0}.path-chain-sequence h4{font-size:17px;color:var(--green);margin:0 0 8px}.path-chain-sequence h4 small{font-size:11px;font-weight:400;color:var(--muted);margin-left:6px}.path-chain-sequence>p{font-size:12px;max-width:none;margin:8px 0;overflow-wrap:anywhere}.path-sequence-incoming{color:#416452}.path-chain-sequence .seq,.path-family>.seq{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;overflow:visible;padding:0;margin-top:12px}.path-family .item{flex:initial;min-width:0;width:auto;max-width:none;padding:8px;background:#f0f4f1;border:1px solid #e2e9e2;border-radius:10px;line-height:1.5;font-size:12px}.path-family .item .pic{height:auto;aspect-ratio:1;min-height:0;background:transparent;padding:0}.path-family .item img{width:100%;max-height:none;aspect-ratio:1;object-fit:contain}.path-family .item .num{display:block;color:#31675a;font-size:12px;margin:5px 0 3px}.path-family .item .piece-name{min-height:36px;overflow-wrap:anywhere}.path-family .item .en{font-size:10px;margin:6px 0;overflow-wrap:anywhere}.path-family .item code{font-size:9px;display:block;word-break:break-all;background:transparent}.path-family .item .piece-state{display:block;font-size:10px;color:#507052;margin-top:5px}.path-family .item .piece-transform{display:block;color:#955c23;font-size:10px;overflow-wrap:anywhere}.path-family .item.level-production{border-color:#91b99c;background:#e2eddf}.path-family .item.level-transform{box-shadow:inset 0 -3px #be8b42}.path-family .missing{height:auto;aspect-ratio:1}.path-family .parameter-detail{font-size:12px}.path-family .parameter-detail table{min-width:680px}.path-family .sequence-focus h4{background:#e9f1dc;border-left:3px solid #779753;padding:8px 10px}.path-family .path-chain-sequence details{font-size:12px;padding:9px 12px}
.scene-presets button{padding:6px 11px;border:1px solid #bdcec3;border-radius:6px;background:white;color:var(--green);font-size:12px}.scene-summary h4{font-size:20px;margin:20px 0 6px}.scene-summary p{font-size:13px;color:var(--muted);max-width:none;margin:6px 0}.scene-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.scene-compare-controls{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:10px;margin:20px 0 10px;align-items:end}.scene-compare-controls label{font-size:12px;color:var(--muted);min-width:0}.scene-compare-controls select{display:block;width:100%;max-width:100%;padding:9px;border:1px solid #bdcec3;border-radius:6px;background:white;color:var(--ink);margin-top:5px;min-width:0}.scene-compare-arrow{padding-bottom:8px;text-align:center;color:#68826d}.scene-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}.scene-large{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;min-width:0}.scene-image-label{padding:11px 15px;background:#edf2ec;font-size:13px;font-weight:600}.scene-large .pic{height:350px;min-height:0;padding:18px;background:#e9efed}.scene-large .pic img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.scene-large figcaption{padding:14px 16px;margin:0;line-height:1.7;font-size:12px}.scene-large figcaption strong{color:var(--green);font-size:14px}#sceneContent>details{font-size:13px}#sceneContent>details .samplegrid{margin:15px 0}#sceneContent>details .samplegrid .pic{height:180px}.scene-compare-controls select:focus-visible{outline:2px solid #759e83}
@media(max-width:850px){.path-family{padding:16px}.path-sequences{padding:12px}.scene-large .pic{height:280px}}
@media(max-width:600px){.path-family{padding:12px}.path-family-head{display:block}.path-family-head h3{font-size:18px}.path-family-head .badge{margin-top:7px}.path-case-note{font-size:13px;padding:10px}.path-node{gap:9px;padding:10px}.path-node img,.node-noimage{width:52px;height:52px}.path-node-body strong{font-size:14px}.path-tree>.path-tree-branch>.path-children{grid-template-columns:1fr;gap:18px;padding-left:12px;margin-left:3px;border-left:1px solid #a8c1af}.path-children>.path-tree-branch{border-top:0;padding-top:0}.path-children>.path-tree-branch::before{content:'→';left:-17px;top:1px;font-size:15px}.path-children .path-children{margin-left:2px;padding-left:8px}.path-children .path-children>.path-tree-branch::before{left:-14px}.path-sequences{padding:10px 8px}.path-chain-sequence .seq,.path-family>.seq{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.path-family .item{padding:6px}.path-family .item .piece-name{font-size:11px}.path-chain-sequence h4{font-size:15px}.path-chain-sequence h4 small{display:block;margin-left:0}.path-node-state{font-size:10px}.path-key{font-size:11px;padding:4px 7px}#chainRoot,#chainCategory{max-width:100%}.scene-pair{grid-template-columns:1fr;gap:12px}.scene-large .pic{height:260px}.scene-compare-controls{grid-template-columns:1fr;gap:6px}.scene-compare-arrow{display:none}.scene-compare-controls select{font-size:12px}.scene-summary h4{font-size:18px}.scene-presets button{width:auto!important}.filters label{width:100%}.filters label input[type=checkbox]{width:auto}.path-node .path-node-meta{font-size:10px}.path-incoming{font-size:10px}.path-sequences>summary{font-size:13px}}