.cartpole-lesson{--cp-blue:#548be0;--cp-orange:#c98543}.cp-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.cp-controls label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}.cp-controls input,.cp-controls select{width:100%;max-width:100%}.cp-controls output{margin-left:auto}.cartpole-lesson select,.cartpole-lesson button:not([data-cp-bind]){background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 11px;font:inherit;font-size:13px}.cartpole-lesson button:disabled{opacity:.6}.cp-player,.cp-downloads{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.cp-player label{width:100%;display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}.cp-player input{flex:1;min-width:100px}.cp-scene{display:block;width:100%;max-width:100%;border-bottom:1px solid var(--border)}.cp-motion-note,.cp-policy-note{font-size:13px;line-height:1.7}.cp-record{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px 0;border-bottom:1px solid var(--border)}.cp-field{padding:6px 0;min-width:0}.cp-field>span{display:block;font-size:12px}.cp-field code{white-space:normal;overflow-wrap:anywhere;font-size:13px}.cartpole-lesson [data-cp-bind]{background:transparent;border:0;color:inherit;font:inherit;padding:2px;border-radius:2px;text-align:left;overflow-wrap:anywhere}.cartpole-lesson .cp-highlight{background:rgba(84,139,224,.17);box-shadow:inset 0 -2px var(--cp-blue)}.cp-equation{margin:15px 0;overflow:auto}.cp-network-layers{display:flex;gap:10px;align-items:center}.cp-network-layers>div{flex:1;padding:14px 10px;border:1px solid var(--border);min-width:0}.cp-network-layers code,.cp-network-layers small{display:block;white-space:normal;overflow-wrap:anywhere;margin-top:8px}.cp-network-layers small{font-size:12px}.cp-learning pre{overflow:auto;max-height:420px}.cp-code{margin:20px 0}.cp-code pre{overflow:auto;font-size:13px;line-height:1.85}.cp-code [data-cp-bind]{padding:0}.cp-extra>label{display:inline-flex;gap:8px;align-items:center;margin:12px 12px 12px 0;flex-wrap:wrap}.cp-batch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.cp-batch button{padding:0 6px 10px!important;min-width:0}.cp-batch canvas{display:block;width:100%;height:120px!important;object-fit:contain}.cp-batch span,.cp-batch small{display:block;font-size:12px;margin:5px}.cp-batch [aria-pressed=true]{outline:2px solid var(--cp-blue)}.cartpole-lesson [aria-current=step]{background:var(--text)!important;color:var(--surface)!important}.cp-chart{width:100%;display:block}.cp-chart text{fill:var(--text);font-size:12px}.cp-grid{stroke:var(--border);fill:none}.cp-series{fill:none;stroke-width:2}.cp-s0{stroke:var(--cp-blue)}.cp-s1{stroke:var(--cp-orange)}.cp-s2{stroke:var(--text);stroke-dasharray:5 4;opacity:.7}.cp-sync{stroke:var(--border);stroke-dasharray:2 4}.cp-legend{font-size:13px}.cartpole-lesson p{overflow-wrap:anywhere}.cp-downloads{border-top:1px solid var(--border);padding-top:14px}
@media(max-width:600px){.cartpole-lesson{padding:14px}.cp-controls{grid-template-columns:1fr}.cp-record{grid-template-columns:1fr}.cp-network-layers{flex-direction:column;align-items:stretch}.cp-network-layers>span{align-self:center;transform:rotate(90deg)}.cp-batch{gap:5px}.cp-batch span,.cp-batch small{font-size:11px}.cp-batch canvas{height:90px!important}.cp-code pre{font-size:12px}.cp-extra>label{max-width:100%}}
.cp-scene-key{font-size:12px;margin:10px 0;line-height:1.8}.cp-equation[role=button]{cursor:pointer}.cp-equation:focus-visible{outline:2px solid var(--cp-blue)}.cp-downloads p{width:100%;font-size:12px}.cartpole-lesson .cp-equation{display:block;overflow:auto;margin:15px 0}