.qualitative-lab{border-top:2px solid #dae5d6;margin-top:26px;padding-top:24px}.qualitative-lab fieldset{min-width:0;border:1px solid #d6e1d1;border-radius:8px;padding:12px 15px;margin:16px 0}.qualitative-lab fieldset:disabled{opacity:.5}.qualitative-lab legend{font-size:12px;font-weight:650;padding:0 6px}.qualitative-lab .eyebrow{margin-top:20px}.qualitative-lab input[type=range]{padding:0;accent-color:#277d69;cursor:pointer}.qualitative-lab .input-grid span{display:block;font-size:11px;font-weight:400;color:#63786c;margin-top:6px}.qualitative-lab [aria-pressed=true]{background:#dcebcf;border-color:#528a52}.qual-marker-list{display:flex;gap:6px;flex-wrap:wrap}.qual-marker-list button{background:#f3f6eb;border-color:#d8e2ce;color:#42664c;font-size:11px;padding:6px 9px}.qualitative-lab .good{color:#146d47;font-weight:650}.qualitative-lab .bad{color:#9b5438}.qualitative-lab [data-drag-handle]{cursor:ns-resize;touch-action:none}.qualitative-lab text{user-select:none}.qualitative-lab .qual-handle-label{pointer-events:none}.qualitative-lab .canvas-scroll{margin:12px 0}.qualitative-lab .canvas-scroll svg{min-width:850px}@media(min-width:1500px){.qualitative-lab .canvas-scroll svg{min-width:0}}

.rotation-explanation{background:#f4f7f1;border-left:3px solid #417e99;padding:14px;margin:18px 0}.rotation-explanation li{margin:10px 0}.rotation-explanation svg{display:block;width:100%;max-width:680px;margin:auto}.rotation-explanation h4{margin-top:0}#rotationProbeText{padding:12px;background:white;border-radius:6px}
#rotationLinkDiagram svg{min-width:0}

#editor{max-height:calc(100vh - 28px);overflow-y:auto}.condition-row{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px;border-bottom:1px solid #d6e1d1;padding:8px 0}#integrationRank{font-weight:650}#integrationAreaPlot svg{min-width:0;width:100%}#integrationEditor details{margin-top:15px;padding-top:12px}@media(max-width:1020px){#editor{max-height:none;overflow:visible}}

/* Consecutive Q, M, phi and w diagrams; introductory prose is archived in HTML. */
.qualitative-lab{border-top:0;margin-top:0;padding-top:0}#qualitativeStatus{font-size:12px}#startQualitative{margin-bottom:6px}

[data-sketch-kind]{cursor:ns-resize;touch-action:none;stroke:white;stroke-width:2px}[data-sketch-kind]:focus{outline:none;stroke:#153f45;stroke-width:3px}#sketchEditor p{line-height:1.5}#sketchFeedback{padding:12px;background:#f0f5eb;border-radius:6px}
/* Optional deformation diagrams are collapsed on initial load. */
details.qualitative-lab{border-top:1px solid #dae5d6;margin-top:22px;padding-top:18px}details.qualitative-lab>summary{padding:8px 0;color:#235a4e}details.qualitative-lab>summary:focus-visible{outline:3px solid #c2d9c8;outline-offset:3px}details.qualitative-lab[open]>summary{margin-bottom:15px}#fieldMomentNotes{margin:12px 0 18px}