/* v0.9.11 — simple programming simulator and real-world testing readiness */
.programming-lab{margin:18px 0;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));scroll-margin-top:24px}
.lab-header{display:flex;align-items:start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.lab-header h2{margin:5px 0 7px}
.lab-flag{border:1px solid var(--border);border-radius:9px;padding:7px 10px;font-size:11px;font-weight:900;color:var(--warning);white-space:nowrap}
.lab-summary{background:var(--elevated);border-radius:11px;border-left:4px solid var(--warning);padding:13px 16px;margin:14px 0;font-size:13px;line-height:1.55}
.lab-summary strong{color:var(--text)}
.lab-two-col{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:14px;margin:14px 0}
.lab-panel{border:1px solid var(--border);padding:15px;border-radius:12px;min-width:0}
.lab-panel h3{margin:2px 0 8px;font-size:16px}
.lab-panel .field{width:100%;max-width:100%;margin:7px 0 12px}
.lab-barrier,.lab-step{display:flex;align-items:flex-start;gap:9px;border-top:1px solid var(--border);padding:9px 0}
.lab-barrier strong,.lab-step strong{font-size:12px;display:block}
.lab-barrier small,.lab-step small{font-size:11px;display:block;margin-top:5px;color:var(--muted);line-height:1.45}
.lab-result{display:flex;gap:12px;justify-content:space-between;align-items:center;background:var(--elevated);border-radius:9px;padding:10px 12px;font-size:12px;margin-top:12px}
.lab-result span{color:var(--success);font-size:10px;font-weight:850}
.lab-num{flex:0 0 23px;width:23px;height:23px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font-size:11px}
.lab-step>div{flex:1}
.lab-step-state{color:var(--success);font-size:10px;font-weight:800;text-align:right}
.lab-step-state.lab-failed{color:var(--warning)}
.lab-evidence-row{display:grid;grid-template-columns:1fr auto;gap:4px 9px;padding:10px 0;border-top:1px solid var(--border)}
.lab-evidence-row>strong{font-size:12px}.lab-evidence-row>small{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.4}
.lab-pill{color:var(--warning);font-size:10px;font-weight:800}.lab-pill.lab-previous{color:var(--success)}
.lab-disclosure{border:1px solid var(--border);border-radius:12px;margin:12px 0}.lab-disclosure summary{padding:13px;cursor:pointer;font-size:13px;font-weight:750}.lab-disclosure-content{padding:0 14px 14px}
.lab-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.lab-actions .button{font-size:13px}
@media(max-width:800px){.lab-two-col{grid-template-columns:1fr}.lab-result{flex-wrap:wrap}.lab-step{flex-wrap:wrap}.lab-step-state{margin-left:32px}}