/* Common diagram and playback layout for the expanded lab collection. */
*{box-sizing:border-box;margin:0}body{background:#fff;color:#2b2d42;font:16px/1.5 Roboto,Arial,sans-serif}.wrap{max-width:1100px;margin:auto}header{padding-bottom:22px;border-bottom:2px solid #1e2022;margin-bottom:24px}.tag{display:inline-block;border:1px solid #003366;color:#003366;padding:4px 10px;font-size:12px;font-weight:700;margin-bottom:12px}.lead{max-width:950px;margin-top:12px}h1,h2,h3{font-family:Montserrat,Arial,sans-serif;color:#1e2022}h2{font-size:18px;margin-bottom:12px}h3{font-size:15px;margin-bottom:8px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:#f8fafc;border:1px solid #1e2022;border-radius:10px;padding:16px;margin-bottom:16px}.group{display:flex;flex-direction:column;gap:6px}.group label{font-size:12px;font-weight:700}.group input[type=number]{width:100px}.group input[type=text]{width:340px}.group textarea{width:440px;max-width:100%;min-height:70px;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.playback{margin-bottom:16px}.panel{padding:18px;border:1px solid #1e2022;border-radius:12px;min-width:0;background:#fff}.panel+.panel,.stack>*+*{margin-top:16px}.columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr);gap:16px;align-items:start}.columns>.panel{margin:0}.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.trace{background:#f8fafc;border-left:4px solid #003366;padding:14px;line-height:1.6;min-height:82px;overflow-wrap:anywhere}.stats{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.badge,.chip{display:inline-block;border:1px solid #cbd5e1;background:#f8fafc;border-radius:6px;padding:7px 11px;font-size:13px}.badge strong{color:#003366}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 16px;min-height:36px}.chip{font-family:'Courier Prime',monospace}.chip.active{background:#fff7ed;border-color:#b45309;color:#92400e}.chip.done{background:#f0fdf4;border-color:#1e5631;color:#1e5631}.note,.legend{font-size:13px;color:#64748b;line-height:1.6;margin-top:10px}.legend{display:flex;gap:14px;flex-wrap:wrap}.legend span::before{content:'';display:inline-block;width:10px;height:10px;background:var(--key,#eff6ff);border:1px solid #64748b;margin-right:6px}.scroll{overflow:auto;max-width:100%;padding:3px}.diagram{display:block;width:100%;height:auto;min-width:320px}.graph-edge{stroke:#94a3b8;stroke-width:2;fill:none}.graph-edge.selected{stroke:#b45309;stroke-width:4}.graph-edge.tree-edge{stroke:#003366;stroke-width:3}.vertex circle{fill:#fff;stroke:#64748b;stroke-width:2}.vertex.frontier circle{fill:#fff7ed;stroke:#b45309;stroke-width:3}.vertex.active circle{fill:#eff6ff;stroke:#003366;stroke-width:3}.vertex.done circle{fill:#f0fdf4;stroke:#1e5631;stroke-width:3}.vertex text{font:700 16px 'Courier Prime',monospace;text-anchor:middle;dominant-baseline:middle;fill:#1e2022}.vertex .meta{font-size:11px;fill:#64748b}.data-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:9px 10px;border:1px solid #d8dee4;text-align:left;white-space:nowrap}.data-table th{background:#f8fafc}.data-table .focus,.focus{background:#fff7ed}.data-table .one{color:#003366;background:#eff6ff;font-weight:700}.data-table .checked{outline:2px solid #b45309;outline-offset:-2px}.data-table .zero{color:#94a3b8}.formula{font:700 18px/1.6 'Courier Prime',monospace;color:#003366;overflow-wrap:anywhere;margin:10px 0}.status{margin:16px 0;min-height:24px;font-size:14px;color:#475569}.array-strip{display:flex;gap:7px;overflow:auto;padding:9px 4px 12px;min-height:85px}.array-cell{flex:0 0 52px;border:1px solid #cbd5e1;border-radius:6px;padding:8px 4px;text-align:center;display:flex;flex-direction:column;font:700 17px 'Courier Prime',monospace}.array-cell small{font:11px 'Courier Prime',monospace;color:#64748b;margin-top:5px}.array-cell.best{background:#f0fdf4;border-color:#1e5631}.array-cell.current{background:#fff7ed;border:2px solid #b45309}.array-cell.range{border-color:#003366;background:#eff6ff}.tree-scroll{height:420px;overflow:auto;background:#fbfcfe;border:1px solid #d8dee4;border-radius:8px}.tree-svg{display:block;margin:auto}.tree-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.tree-tools{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px}.tree-tools input{width:90px}.step-position{font-size:13px;color:#64748b}.bound-good{color:#1e5631;font-weight:700}.bound-bad{color:#8b0000;font-weight:700}.checkbox{flex-direction:row;align-items:center;gap:8px}.checkbox label{font-size:14px}.checkbox input{min-height:auto}.inline-code{font-family:'Courier Prime',monospace;color:#003366}details.reference{margin-top:16px;padding:14px;border:1px solid #cbd5e1;border-radius:8px}details.reference summary{cursor:pointer;font-weight:700;color:#003366}.reference p{margin-top:10px}.wide-input{flex:1;min-width:220px}.wide-input input{width:100%!important}.rotation-case{font-weight:700;color:#b45309}.level-cards{display:flex;flex-direction:column;gap:14px}.level-card{border:1px solid #cbd5e1;border-radius:8px;padding:12px;background:#f8fafc}.level-card.active{border:2px solid #003366;background:#eff6ff}.mini-nodes{display:flex;gap:6px;justify-content:center;margin:10px 0;flex-wrap:wrap}.mini-node{font:12px 'Courier Prime',monospace;border:1px solid #003366;border-radius:6px;background:#fff;padding:8px}.plot{width:100%;display:block;min-width:360px}.plot text{font:12px Roboto,Arial,sans-serif;fill:#475569}.plot .axis{stroke:#64748b;stroke-width:1}.plot .grid{stroke:#e2e8f0;stroke-width:1}.list-node{display:inline-flex;flex-direction:column;width:150px;flex:0 0 150px;border:2px solid #003366;border-radius:8px;overflow:hidden;text-align:center;background:#fff}.list-node .value{padding:8px;font-weight:700;font-size:20px;background:#eff6ff}.list-node .pointer{border-top:1px solid #cbd5e1;font:12px/1.5 'Courier Prime',monospace;padding:5px}.list-node.active{border-color:#b45309;box-shadow:0 0 0 2px #ffedd5}.list-node.freed{border-color:#8b0000;opacity:.7}.list-node.freed .value{background:#fef2f2;text-decoration:line-through}.memory-row{display:flex;align-items:center;gap:20px;padding:10px 3px 15px;min-height:160px}.memory-row .address{font:700 12px 'Courier Prime',monospace;color:#64748b;padding:5px}.empty-message{padding:30px 10px;color:#64748b}.panel ul{padding-left:22px}.panel li{margin:6px 0}
@media(max-width:800px){.columns,.equal{grid-template-columns:minmax(0,1fr)}.columns>.panel+ .panel{margin-top:0}.group textarea{width:100%}.tree-scroll{height:350px}}@media(max-width:600px){.controls .group{max-width:100%}.group input[type=text]{width:100%}.group textarea{width:100%}.panel{padding:14px}.tree-tools{flex-wrap:wrap}.diagram{min-width:260px}}