.circuit-controls{align-items:stretch}
.circuit-choice{display:grid;grid-template-columns:1fr;gap:4px;min-width:210px;padding:10px 12px;border:1px solid #526a6b;border-radius:10px;background:#20343b}
.circuit-choice small{color:#a9beb4}
.circuit-choice b{font:11px/1.35 monospace;color:#d8e9e6}
.circuit-choice button{margin-top:5px;width:100%}
.circuit-choice.learning-choice{border-color:#78ad91;background:#29483f}
.learning-circuit-scoreboard{padding:17px;border:1px solid #648778;border-radius:12px;background:#1b3036}
.learning-circuit-scoreboard .circuit-heading strong{max-width:680px}
.learning-metrics{grid-template-columns:repeat(4,1fr)}
.learning-output-change{margin-top:10px;padding:9px 11px;border-left:3px solid var(--mint);background:#263f43;color:#d9e9df;font:10px/1.5 monospace}
.learning-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:13px}
.learning-actions small{color:#a7c0c3;max-width:420px}
.certified-scoreboard{opacity:.86}
@media(max-width:900px){.circuit-choice{flex:1 1 210px}.learning-metrics{grid-template-columns:repeat(2,1fr);overflow-x:visible}.learning-metrics>div{min-width:0}.learning-actions button{flex:1 1 150px}}
@media(max-width:560px){.circuit-controls{align-items:stretch}.circuit-choice{width:100%}.circuit-controls>#stop-circuit{width:100%}.learning-circuit-scoreboard{margin-inline:12px}.learning-metrics{grid-template-columns:1fr 1fr}.learning-metrics strong{font-size:15px}.learning-actions small{width:100%}}
@media(max-width:900px) and (orientation:landscape) and (max-height:500px){.learning-circuit-scoreboard{overflow:auto;max-height:330px}.learning-metrics{min-width:0}.circuit-choice{min-width:190px}.circuit-controls span{min-width:0}}