.trace-figure{--trace-teal:#416e68;--trace-muted:var(--ink-2,#6e706a);margin:2rem 0;padding:18px 0 14px;border-block:1px solid var(--rule,#d8d8cf);color:var(--ink,#292b27);font:13px/1.6 var(--sans,system-ui);min-width:0;scroll-margin-top:24px}
.trace-figure *{box-sizing:border-box}
.trace-heading{display:flex;gap:12px;align-items:baseline;margin:0 0 4px;flex-wrap:wrap}.trace-figure-number{font:600 10px/1.4 var(--sans,system-ui);letter-spacing:.09em;color:#648e87;white-space:nowrap}.trace-heading h5{font:400 23px/1.3 Georgia,'Times New Roman',serif;margin:0;letter-spacing:-.02em}
.trace-eyebrow{font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--trace-muted);margin:4px 0 8px}
.trace-figure .trace-story{font-size:13px;line-height:1.65;color:var(--trace-muted);margin:8px 0 16px!important;min-height:3.3em;max-width:none}
.trace-chart{width:100%;min-width:0}.trace-chart canvas{display:block;width:100%;height:210px;touch-action:pan-y}
.trace-stages{display:flex;flex-wrap:wrap;gap:6px 18px;padding:2px 12px 15px;font-size:11px;color:var(--trace-muted)}.trace-stages:empty{display:none}.trace-stages span{white-space:nowrap}.trace-stages b{font-weight:500;color:#648e87;margin-right:3px}.trace-stages small{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;margin-left:4px;color:var(--trace-muted)}
.trace-legend{display:flex;gap:10px 18px;flex-wrap:wrap;padding:3px 12px 12px;color:var(--trace-muted);font-size:11px}.trace-legend span{display:inline-flex;align-items:center;gap:6px}.trace-legend i{width:8px;height:8px;border-radius:1px;display:inline-block}
.trace-metrics{display:flex;gap:12px 28px;flex-wrap:wrap;border-top:1px solid var(--rule,#deded5);padding:12px 0;font-size:12px}.trace-metrics>span{display:block}.trace-metrics b{font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace;color:inherit}.trace-metrics em{display:block;font-style:normal;font-size:11px;color:var(--trace-muted);margin-top:2px}
.trace-detail{min-height:62px;padding:9px 0;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;color:var(--trace-muted)}.trace-detail strong{display:block;color:var(--ink,#292b27);font-weight:500;max-height:6em;overflow:auto}.trace-detail span{display:block}
.trace-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px dashed var(--rule,#d8d8cf);padding:12px 0}
.trace-controls{display:flex;flex-wrap:wrap;gap:5px}.trace-controls button,.trace-tour{font:12px/1.5 var(--sans,system-ui);padding:5px 9px;border:1px solid var(--rule,#d8d8cf);border-radius:6px;color:inherit;background:transparent;cursor:pointer}.trace-controls button[aria-pressed=true]{background:#416e68;border-color:#416e68;color:#fff}.trace-tour{border-color:transparent;color:var(--trace-muted);padding-inline:0}.trace-controls button:hover{border-color:#648e87}
.trace-figure button:focus-visible,.trace-figure a:focus-visible,.trace-figure canvas:focus-visible{outline:2px solid #648e87;outline-offset:3px}
.trace-foot{display:flex;gap:8px 18px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--trace-muted)}.trace-foot details{flex-basis:100%}.trace-foot summary{cursor:pointer;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.trace-foot details p{margin:8px 0!important;font-size:11px;line-height:1.7;max-width:none}.trace-foot nav{display:flex;flex-wrap:wrap;gap:16px}.trace-foot a{color:inherit;text-underline-offset:3px}.trace-status:empty{display:none}
@media(max-width:600px){.trace-heading h5{font-size:21px}.trace-metrics{gap:8px 20px}.trace-stages{gap:6px 12px}.trace-eyebrow{font-size:10px}}