.corridor-learning .cl-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.cl-controls label{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.cl-controls input{max-width:140px}.cl-output{min-width:0}.cl-road{margin:22px 0}.cl-road figcaption{margin-bottom:12px}.cl-cells{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:3px solid var(--text);gap:3px}.cl-cells>div{text-align:center;min-width:0;padding:8px 0}.cl-cells span,.cl-cells strong{display:block}.cl-cells span{height:26px}.cl-cells button{padding:4px 1px;font-size:12px;max-width:100%;overflow-wrap:anywhere}.cl-from{background:rgba(63,114,197,.12)}.cl-to{background:rgba(195,115,43,.13)}.cl-record code{white-space:normal;overflow-wrap:anywhere}.cl-output [data-cl-bind]{border:0;border-radius:3px;background:transparent;color:inherit;font:inherit;font-family:monospace;padding:2px 4px}.cl-output [data-cl-bind]:hover,.cl-output .cl-highlight{background:rgba(66,119,217,.18);box-shadow:inset 0 -2px #477cc6}.cl-calculation{border-left:2px solid var(--border);padding-left:16px;margin:18px 0}.cl-buffer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cl-buffer>button{padding:12px;text-align:left;min-width:0}.cl-buffer code,.cl-buffer span{display:block;white-space:normal;overflow-wrap:anywhere;margin-top:8px}.cl-buffer [aria-pressed=true]{outline:2px solid #477cc6}.cl-versions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cl-versions>div{border-top:1px solid var(--border)}.cl-code{margin:20px 0}.cl-code pre{overflow:auto;max-width:100%;line-height:1.8}.cl-code code{font-size:13px}.cl-chart{width:100%;display:block;color:var(--text)}.cl-chart text{fill:currentColor;font-size:12px}.cl-chart polyline{fill:none;stroke-width:2}.cl-fixed{stroke:#477cc6;fill:#477cc6}.cl-moving{stroke:#bc7439;fill:#bc7439;stroke-dasharray:5 4}.cl-grid{stroke:var(--border);fill:none}.cl-steps{display:flex;gap:6px;flex-wrap:wrap}.cl-steps [aria-pressed=true]{outline:2px solid #477cc6}.cl-legend{font-size:13px}.cl-output p{overflow-wrap:anywhere}.cl-code [data-cl-bind]{padding:0}.trace-context-road .trace-environment{margin:12px 0}.trace-context-road .trace-motion{display:none}
.corridor-learning>.cl-controls button,.corridor-learning>[data-cl-download],.cl-buffer>button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:8px 12px;font:inherit;font-size:13px}.corridor-learning select{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:6px;border-radius:5px}.cl-output .cl-cells [data-cl-bind]{font-size:12px;padding:2px 0;white-space:nowrap;letter-spacing:-.5px}.cl-output .cl-cells .cl-highlight{background:rgba(66,119,217,.18)}
@media(max-width:600px){.cl-buffer,.cl-versions{grid-template-columns:1fr}.cl-controls label{width:100%}.cl-output .cl-cells [data-cl-bind]{font-size:11px}.cl-cells{gap:0}.cl-calculation{padding-left:8px}.corridor-learning{padding:14px}.cl-steps button{padding:6px}.cl-code pre{font-size:12px}}