/* performance (lab) exam: tasks on the left, the lab console on the right */
.lx-shell{height:100vh;min-height:0}
.lx-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,38%) minmax(0,1fr);gap:0}
.lx-tasks{overflow-y:auto;padding:18px 20px;background:#fff;border-right:1px solid var(--line,#dfe6ee)}
.lx-how{margin-bottom:14px}
.lx-task{padding:14px 0;border-top:1px solid var(--line,#dfe6ee)}
.lx-task:first-of-type{border-top:0}
.lx-task-h{font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px}
.lx-pts{margin-left:auto;font-size:.8rem;color:var(--muted,#5b6b7f);font-weight:600}
.lx-rules{margin-top:16px}
.lx-console{display:flex;flex-direction:column;min-height:0;background:#07111f}
.lx-console-bar{display:flex;align-items:center;gap:12px;padding:6px 12px;background:#0b1b33;color:#dce6f5}
.lx-console-bar b{color:#fff}
.lx-console-bar .btn{margin-left:auto}
.lx-frame{flex:1;width:100%;border:0;background:#000;min-height:420px}
.lx-grading{padding:48px 16px;text-align:center;max-width:640px;margin:0 auto}
.lx-grading .card{padding:32px}
.lx-grading-ico{display:inline-flex;width:56px;height:56px;border-radius:50%;align-items:center;justify-content:center;background:#e8f0fb;color:var(--brand,#0b5cab);margin-bottom:12px}
@media (max-width:900px){
  .lx-shell{height:auto}
  .lx-body{grid-template-columns:1fr}
  .lx-tasks{max-height:45vh;border-right:0;border-bottom:1px solid var(--line,#dfe6ee)}
  .lx-frame{min-height:70vh}
}