.cell-compare-lab{--cl-text:#142233;--cl-muted:#31465f;--cl-accent:#254ec7;--cl-border:#65768c;--cl-card:#fff;--cl-fill:#e8eff9;margin:26px 0;padding:clamp(16px,3vw,30px);min-width:0;border:1px solid var(--cl-border);border-radius:24px;background:var(--cl-card);color:var(--cl-text)}html[data-theme="dark"] .cell-compare-lab{--cl-text:#f3f7ff;--cl-muted:#c1d3ec;--cl-accent:#98c1ff;--cl-border:#8498b3;--cl-card:#142238;--cl-fill:#243851}
.cell-compare-lab *{box-sizing:border-box}.cell-compare-lab [hidden]{display:none!important}.cell-compare-lab p{line-height:1.65}.cell-eyebrow{font-size:.85rem;font-weight:800;color:var(--cl-text)}.cell-compare-lab h2{margin-top:4px}.cell-model-controls,.cell-part-controls{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.cell-model-controls button,.cell-part-controls button,.cell-compare-lab [data-cell-reset],.cell-choice{border:1px solid var(--cl-border);background:var(--cl-card);color:var(--cl-text);border-radius:12px;padding:12px;min-height:44px;font:inherit;white-space:normal;text-align:left;cursor:pointer;line-height:1.5}.cell-compare-lab button[aria-pressed="true"],.cell-choice[data-selected]{outline:2px solid var(--cl-accent);outline-offset:1px;background:var(--cl-fill)}
.cell-model{margin:20px 0;padding:16px;border:1px solid var(--cl-border);border-radius:18px}.cell-model h3{margin:0 0 16px}.cell-model svg{display:block;width:100%;max-width:560px;height:auto;margin:auto;overflow:visible}.cell-symbol{fill:var(--cl-fill);stroke:var(--cl-border);stroke-width:2}.cell-symbol--wall{fill:var(--cl-card);stroke-width:5}.cell-symbol--membrane{fill:var(--cl-fill);stroke:var(--cl-text);stroke-width:2}.cell-symbol--nucleus,.cell-symbol--mitochondrion,.cell-symbol--chloroplast,.cell-symbol--lysosome{fill:var(--cl-card);stroke-width:3}.cell-symbol--golgi,.cell-symbol--dna{fill:none;stroke:var(--cl-text);stroke-width:3}.cell-symbol[data-selected]>:first-child{stroke:var(--cl-accent);stroke-width:5;stroke-dasharray:7 3}.cell-number circle{fill:var(--cl-card);stroke:var(--cl-text);stroke-width:1}.cell-number text{fill:var(--cl-text);stroke:none;font:700 20px system-ui,sans-serif}.cell-symbol[data-selected] .cell-number circle{stroke:var(--cl-accent);stroke-width:3}.cell-model figcaption,.cell-credit{font-size:.9rem;line-height:1.65;color:var(--cl-muted)}
.cell-status{padding:14px;border-left:3px solid var(--cl-accent);background:var(--cl-fill);font-weight:700}.cell-details article{padding:18px;border:1px solid var(--cl-border);border-radius:16px;margin:18px 0}.cell-details h3{margin-top:0}.cell-compare-lab a{color:var(--cl-accent)}.cell-table-wrap{overflow:auto;max-width:100%;margin:22px 0}.cell-compare-lab table{width:100%;border-collapse:collapse;min-width:520px}.cell-compare-lab caption{text-align:left;font-weight:700;margin-bottom:12px}.cell-compare-lab th,.cell-compare-lab td{padding:12px 8px;border-bottom:1px solid var(--cl-border);text-align:left;vertical-align:top;background:var(--cl-card);color:var(--cl-text)}
.cell-practice fieldset{min-width:0;margin:22px 0;padding:16px;border:1px solid var(--cl-border);border-radius:16px}.cell-practice legend{max-width:100%;padding:0 6px;font-weight:700}.cell-choice{display:block;width:100%;margin:8px 0}.cell-practice summary{cursor:pointer;padding:12px 0;min-height:44px}.cell-practice [data-cell-feedback]{padding:12px;border-left:3px solid var(--cl-accent)}.cell-credit{margin-top:20px;border-top:1px solid var(--cl-border);padding-top:16px}.cell-compare-lab :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--cl-accent);outline-offset:4px}
@media(max-width:640px){.cell-model{padding:10px}.cell-model-controls{display:grid;grid-template-columns:1fr}.cell-part-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cell-part-controls button{font-size:.9rem;overflow-wrap:anywhere}.cell-details article{padding:14px}.cell-practice fieldset{padding:12px}}
.cell-number[data-selected] circle{stroke:var(--cl-accent);stroke-width:3}
