.overview-trace{margin-bottom:28px;overflow:hidden}.overview-trace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:20px 22px 14px}.overview-trace-head h2{font-size:18px}.overview-trace-head p{font-size:13px;color:var(--muted);margin-top:6px;max-width:62ch}.overview-trace-modes{display:flex;flex-shrink:0;gap:3px;border:1px solid var(--line);padding:3px;border-radius:7px}.overview-trace-modes button{min-height:36px;padding:7px 10px;border:1px solid transparent;border-radius:4px;background:none;color:var(--muted);font-size:12px;font-weight:550;white-space:nowrap}.overview-trace-modes button:hover{background:var(--bg);color:var(--ink)}.overview-trace-modes [aria-pressed=true]{background:var(--mint);border-color:var(--primary);color:var(--primary)}.overview-trace-context{display:flex;align-items:center;gap:12px;padding:0 22px 12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.overview-trace-context>.btn{font-size:12px;min-height:30px;padding:4px 7px;margin-left:auto}.overview-trace-context>.btn svg{width:14px;height:14px}.overview-trace-canvas{background:var(--bg);padding:0 8px;border-block:1px solid var(--line);overflow:auto}.overview-trace-svg{display:block;width:100%;height:auto;min-width:760px;max-height:370px}.overview-trace-phone{display:none}.overview-trace-svg text{font-family:Inter,sans-serif;fill:var(--ink);stroke:none}.overview-trace-svg .overview-stage-label{font-size:12px;font-weight:550;fill:var(--muted)}.overview-trace-svg marker path{fill:var(--primary);stroke:none}.overview-trace-edge>path{stroke:var(--primary);stroke-width:1.3;fill:none}.overview-trace-edge>rect{fill:white;stroke:var(--line);stroke-width:.8}.overview-trace-edge>text{font-size:10.5px;font-weight:550}.overview-trace-node{cursor:pointer}.overview-trace-node>rect{fill:white;stroke:oklch(.75 .025 155);stroke-width:1.2}.overview-trace-node>text.overview-node-kind{font-size:10px;fill:var(--muted)}.overview-trace-node>text.overview-node-title{font-size:12px;font-weight:600}.overview-trace-node>text.overview-node-weight{font-size:13px;font-weight:550}.overview-trace-node>text.overview-node-balance{font-size:10.5px;fill:var(--muted)}.overview-material-icon{stroke:var(--primary);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.overview-trace-node:hover>rect{stroke:var(--primary);fill:var(--mint)}.overview-trace-node.is-selected>rect{stroke:var(--primary);stroke-width:2.5;fill:var(--mint)}.overview-trace-node:focus{outline:none}.overview-trace-node:focus-visible>rect{stroke:var(--primary);stroke-width:3}.overview-trace-node.is-muted>rect{stroke:var(--line);fill:white}.overview-trace-node.is-muted>text{fill:var(--muted)}.overview-trace-edge.is-muted>path{stroke:var(--line)}.overview-trace-edge.is-muted>text{fill:var(--muted);font-weight:450}.overview-trace-node.is-held>rect{stroke:var(--red);fill:var(--red-bg)}.overview-trace-node.is-held .overview-node-balance{fill:var(--red);font-weight:600}.overview-trace-reading{display:flex;gap:8px;align-items:flex-start;padding:10px 22px;font-size:12px;line-height:1.5;color:var(--muted);border-bottom:1px solid var(--line)}.overview-trace-reading svg{width:15px;height:15px;flex-shrink:0;margin-top:2px}.overview-trace-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:13px 22px}.overview-trace-footer p{font-size:12px;color:var(--muted);line-height:1.5;max-width:70ch}.overview-trace-footer p>span{display:block}.overview-trace-footer>.btn{flex-shrink:0;font-size:13px}.overview-trace>.empty{padding:25px 22px}
@media(max-width:1150px){.overview-trace-head{flex-wrap:wrap;gap:12px}.overview-trace-head h2{font-size:17px}.overview-trace-svg{min-width:760px}.overview-trace-canvas{scrollbar-width:thin}}
@media(max-width:720px){.overview-trace{margin-bottom:24px}.overview-trace-head{padding:17px 15px 12px;gap:13px}.overview-trace-head h2{font-size:17px}.overview-trace-head p{font-size:13px}.overview-trace-modes{width:100%}.overview-trace-modes button{flex:1;min-height:40px;font-size:12px}.overview-trace-context{padding:0 15px 12px;gap:8px;font-size:12px}.overview-trace-context>.badge{font-size:11px}.overview-trace-context>.btn{margin-left:0}.overview-trace-canvas{padding:0 4px}.overview-trace-wide{display:none}.overview-trace-phone{display:block;min-width:0;max-height:none}.overview-trace-svg .overview-stage-label{font-size:21px}.overview-trace-phone .overview-trace-edge>text{font-size:18px}.overview-trace-phone .overview-trace-node>text.overview-node-title{font-size:19px}.overview-trace-phone .overview-trace-node>text.overview-node-weight{font-size:20px}.overview-trace-phone .overview-trace-node>text.overview-node-balance{font-size:16px}.overview-trace-reading{padding:12px 15px;font-size:13px}.overview-trace-footer{padding:14px 15px;display:block}.overview-trace-footer p{font-size:12px}.overview-trace-footer>.btn{margin-top:12px;width:100%;min-height:44px}.overview-trace-node>rect{stroke-width:1.5}.overview-trace-node.is-selected>rect{stroke-width:3}}

@media(max-width:720px){.overview-trace-phone .overview-trace-node>text.overview-node-kind{font-size:16px}.overview-trace-phone .overview-trace-node>text.overview-node-title{font-size:21px}.overview-trace-phone .overview-trace-node>text.overview-node-weight{font-size:22px}.overview-trace-phone .overview-trace-node>text.overview-node-balance{font-size:17px}}
/* Hidden table headings must not extend the page's scrollable area on phones. */
#main .table-wrap .sr-only{left:0;top:0}
/* Fit the complete preview in narrower desktop and tablet workspaces. */
.overview-trace-wide{min-width:0}