.trace-fig{width:min(1100px, calc(100vw - 2 * var(--gutter)));background:var(--panel);border:1px solid var(--line);max-width:none;margin:2.2em 0 2.4em;padding:clamp(16px,2.6vw,34px);position:relative}.trace-head{font-family:var(--mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;gap:.4em 1.5em;margin-bottom:1.2em;padding-bottom:1.2em;font-size:.66rem;display:flex}.trace-head b{color:var(--signal);margin-right:.8em;font-weight:700}.trace-r{color:var(--faint)}.trace-note{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);margin-top:16px;font-size:.66rem;line-height:1.6}.trace-btn{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);cursor:pointer;background:0 0;padding:9px 16px;font-size:.68rem}.trace-btn.primary{background:var(--ink);color:var(--paper)}.trace-btn:disabled{opacity:.35;cursor:default}.trace-tip{pointer-events:none;background:var(--ink);color:var(--paper);opacity:0;z-index:50;max-width:300px;padding:10px 12px;font-size:.8rem;line-height:1.45;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(4px)}.trace-tip.on{opacity:1;transform:none}.trace-tip .k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:3px;font-size:.62rem;display:block}.trace-img{width:min(1100px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--line);max-width:none;height:auto;margin:2.2em 0 2.4em}@media (prefers-reduced-motion:reduce){.trace-fig *,.trace-tip{transition:none!important}}.tr-map{width:100%;height:auto;display:block;overflow:visible}.tr-lane-label{font-family:var(--mono);letter-spacing:.14em;fill:var(--muted);font-size:11px}.tr-lane{stroke:var(--hair)}.tr-edge{fill:none;stroke:var(--ink);stroke-width:1.6px;opacity:.18;transition:opacity .35s,stroke .35s,stroke-width .35s}.tr-edge.gap{stroke-dasharray:3 7}.tr-edge.on{opacity:1;stroke-width:2.2px}.tr-edge.gap.on{stroke:var(--signal)}.tr-node{cursor:pointer;outline:none}.tr-node rect{fill:#f6f5f1;stroke:#17171a59;transition:stroke .35s,opacity .35s}.tr-node text{transition:opacity .35s}.tr-node .t{font-family:var(--sans);fill:var(--ink);font-size:13px;font-weight:700}.tr-node .s{font-family:var(--mono);fill:var(--muted);font-size:10.5px}.tr-node.dim rect,.tr-node.dim text{opacity:.35}.tr-node.on rect,.tr-node.frozen rect{stroke:var(--ink);stroke-width:2px}.tr-node.ghost rect{stroke-dasharray:4 5;fill:#0000}.tr-node:hover rect,.tr-node:focus rect{stroke:var(--signal)}.tr-flag circle{fill:var(--signal)}.tr-flag text{fill:var(--paper);font-family:var(--mono);font-size:12px;font-weight:500}.tr-flag{transition:opacity .35s}.tr-flag.dim{opacity:.25}.tr-detail{border-top:1px solid var(--hair);grid-template-columns:auto 1fr;align-items:start;gap:6px 22px;min-height:150px;margin-top:22px;padding-top:20px;display:grid}.tr-stepno{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);padding-top:.35em;font-size:.72rem}.tr-stepno b{color:var(--ink);font-weight:500}.trace-fig .tr-stitle{letter-spacing:-.01em;margin:0;font-size:1.2rem}.trace-fig .tr-stitle.brk{color:var(--signal)}.trace-fig .tr-sbody{color:#3b3b39;max-width:52rem;margin:.4em 0 0;font-size:1rem}.tr-ssrc{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);grid-column:2;margin-top:.4em;font-size:.64rem}.tr-ssrc i{border:1px solid var(--line);color:var(--muted);margin-right:6px;padding:2px 7px;font-style:normal}.tr-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.tr-dots{gap:6px;margin-left:auto;display:flex}.tr-dots button{background:var(--line);cursor:pointer;border:0;width:22px;height:4px;padding:0}.tr-dots button.on{background:var(--ink)}.tr-dots button.brk{background:#da4a2a59}.tr-dots button.brk.on{background:var(--signal)}.tr-table summary{cursor:pointer;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:18px;font-size:.66rem}.tr-hops{border-collapse:collapse;width:100%;margin-top:10px;font-size:.82rem}.tr-hops th{text-align:left;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:400}.tr-hops th,.tr-hops td{border-bottom:1px solid var(--hair);vertical-align:top;padding:8px 10px 8px 0}.tr-hops td.n{font-family:var(--mono);white-space:nowrap}@media (width<=700px){.tr-detail{grid-template-columns:1fr}.tr-ssrc{grid-column:1}.tr-dots{margin-left:0}.tr-hops td.n{white-space:normal}}.trace-bars{gap:14px;display:grid}.tb-lbl{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.66rem}.tb-track{align-items:center;gap:14px;margin-top:5px;display:flex}.tb-fill{gap:2px;height:28px;display:flex}.tb-seg{background:var(--ink);outline:none;height:100%}.tb-seg:last-child{border-radius:0 4px 4px 0}.tb-seg.x{background:var(--signal)}.tb-seg:hover,.tb-seg:focus-visible{filter:brightness(1.6)}.tb-val{white-space:nowrap;font-size:1.1rem;font-weight:700}.tb-val.sig{color:var(--signal)}.tb-rule{border-top:1px solid var(--hair);margin:6px 0}.tl{margin:0;padding:0;list-style:none;position:relative}.tl:before{content:"";border-left:1px solid var(--line);position:absolute;top:.6em;bottom:.6em;left:10em}.tl li{grid-template-columns:10em 1fr auto;align-items:baseline;gap:0 1.6em;padding:.55em 0;display:grid;position:relative}.tl li:before{content:"";background:var(--panel);border:1.5px solid var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:1.05em;left:calc(10em - 4px)}.tl li.sig:before{background:var(--signal);border-color:var(--signal)}.tl-d{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.tl-t{padding-left:.4em;font-size:.98rem}.tl li.sig .tl-t{font-weight:700}.tl-s{font-family:var(--mono);letter-spacing:.1em;color:var(--faint);white-space:nowrap;font-size:.62rem}@media (width<=700px){.tl:before{left:4px}.tl li{grid-template-columns:1fr;padding-left:1.6em}.tl li:before{left:0}.tl-t{padding-left:0}}.qs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.qs li{border-top:1px solid var(--hair);grid-template-columns:auto 1fr;gap:0 18px;padding:20px 22px 22px 0;display:grid}.qs-n{font-family:var(--mono);color:var(--signal);padding-top:.25em;font-size:.8rem}.trace-fig .qs h3{letter-spacing:-.01em;margin:0;font-size:1.12rem;line-height:1.3}.trace-fig .qs p{color:#3b3b39;margin:.45em 0 0;font-size:.95rem}@media (width<=700px){.qs{grid-template-columns:1fr}}
