.teach-lab{margin:30px 0 22px;scroll-margin-top:20px}.teach-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.teach-heading h2{font-size:30px;margin:10px 0 8px;letter-spacing:-1px}.teach-heading p{font-size:12px;color:var(--muted);margin:0;max-width:680px}.teach-tag{border:1px solid #d7e1d9;border-radius:30px;padding:8px 12px;font-size:10px;color:var(--teal);white-space:nowrap}.teach-tabs{display:flex;gap:5px;background:#e9eee8;border-radius:11px;padding:5px;width:max-content;max-width:100%;margin-bottom:17px}.teach-tabs button{border:0;background:transparent;border-radius:8px;color:#687c71;padding:11px 23px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:10px}.teach-tabs button span{font-family:Consolas,monospace;font-size:10px;opacity:.65}.teach-tabs button[aria-pressed=true]{background:white;color:var(--teal);box-shadow:0 2px 7px #143b1c0a}.teach-workbench{background:white;border:1px solid var(--line);border-radius:17px;display:grid;grid-template-columns:minmax(310px,.9fr) minmax(0,1.25fr);overflow:hidden;min-height:580px}.teach-image-pane{background:#f0f4ef;padding:27px 32px 22px;border-right:1px solid var(--line)}.teach-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.teach-kicker{display:block;font-size:8px;letter-spacing:1.5px;color:var(--teal);font-weight:700}.teach-pane-heading h3{font-size:16px;line-height:1.3;font-weight:600;letter-spacing:-.3px;margin:8px 0 0}.teach-grid-size{font:11px Consolas,monospace;color:#6d8178;background:#e4ebe2;padding:5px 8px;border-radius:5px;white-space:nowrap}.teach-voxels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%;max-width:345px;margin:24px auto 17px}.teach-voxel{aspect-ratio:1;border:2px solid transparent;border-radius:7px;background:var(--cell-bg);color:var(--cell-ink);font:600 17px Consolas,monospace;position:relative;opacity:.34;box-shadow:inset 0 0 0 1px #173c4c12;min-width:0;padding:0}.teach-voxel[aria-pressed=true]{opacity:1;border-color:#df9657;box-shadow:inset 0 0 0 2px #f8f2dfaa}.teach-voxel:hover{opacity:1;transform:scale(1.035);z-index:1}.teach-voxel.teach-in-pair{outline:3px solid #12b6ac;outline-offset:1px;z-index:2}.teach-voxel.teach-in-pair::after{content:'↔';position:absolute;right:3px;bottom:-1px;font:10px Arial,sans-serif;color:var(--cell-ink);line-height:1.2}.teach-legend{display:flex;gap:18px;justify-content:center;font-size:9px;color:#778980}.teach-legend span{display:flex;align-items:center;gap:6px}.teach-legend i{display:inline-block;width:9px;height:9px;border-radius:2px}.teach-legend-roi{border:2px solid #df9657}.teach-legend-pair{border:2px solid #12b6ac}.teach-grid-hint{font-size:10px;color:#647d6e;text-align:center;margin:14px 0 11px}.teach-roi-actions{display:flex;justify-content:center;gap:8px}.teach-roi-actions button,.teach-pair-toolbar button,.teach-back-bins{font-size:10px;border:1px solid #d3dfd7;background:white;color:var(--teal);padding:8px 11px;border-radius:7px;font-weight:600}.teach-roi-actions button:hover,.teach-pair-toolbar button:hover{background:#e7f3ed;border-color:#abcbb9}.teach-data-caption{font-size:9px;line-height:1.65;color:#7b8c82;max-width:345px;margin:16px auto 0}.teach-detail-pane{padding:30px 34px;min-width:0}.teach-panel>h3{font-size:25px;line-height:1.25;font-weight:550;margin:10px 0;letter-spacing:-.65px}.teach-panel>p{font-size:11px;line-height:1.8;color:#6f807a;margin:0 0 20px}.teach-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 23px}.teach-metrics>div{background:#f5f7f2;border:1px solid #e7ebe2;border-radius:10px;padding:17px 18px}.teach-metrics>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;background:#eaf5ef;border-color:#d7eade}.teach-metrics span{display:block;font-size:10px;color:#718575}.teach-metrics strong{display:block;font:500 34px 'Segoe UI',Arial,sans-serif;letter-spacing:-1px;color:#244c3d;line-height:1.3;margin:5px 0}.teach-metrics strong em{font-size:15px;font-style:normal;color:#729381;letter-spacing:0}.teach-metrics small{display:block;font-size:8px;color:#87968a}.teach-metrics>div:last-child strong{grid-row:1/3;grid-column:2}.teach-callout{border-left:2px solid #e6ad76;background:#fff7ed;border-radius:0 8px 8px 0;padding:12px 15px}.teach-callout b{font-size:11px;color:#865d32}.teach-callout p{font-size:10px;line-height:1.7;color:#967249;margin:4px 0 0}.teach-panel>p.teach-nuance{font-size:10px;line-height:1.75;color:#7d8d83;margin:17px 0 0}.teach-slider-label{font-size:11px;display:flex;justify-content:space-between;gap:12px;margin:22px 0 15px;color:#517363}.teach-slider-label strong{color:var(--teal);font-size:13px}.teach-slider{width:100%;accent-color:var(--teal);height:5px;display:block;cursor:pointer}.teach-slider-scale{display:flex;justify-content:space-between;font-size:8px;color:#8e9a90;margin-top:9px}.teach-formula{display:block;background:#eef4ed;color:#315d48;padding:10px 13px;border-radius:7px;margin:19px 0 8px;font:11px Consolas,monospace}.teach-panel>p.teach-mini{font-size:9px;line-height:1.65;color:#89968c;margin:8px 0 17px}.teach-hist-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#517061;margin:17px 0 10px}.teach-hist-title b{font-weight:600}.teach-hist-title span{font-size:9px;color:#85958a}.teach-histogram{display:flex;align-items:stretch;gap:8px;height:105px;padding:14px 8px 0;border-bottom:1px solid #d6e1d7;background:linear-gradient(to bottom,transparent 48%,#e9eee6 49%,transparent 50%)}.teach-hist-col{flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;min-width:0}.teach-hist-bar{width:100%;max-width:49px;background:#178d79;border-radius:4px 4px 0 0;position:relative;min-height:1px;transition:height .25s}.teach-hist-value{position:absolute;left:0;right:0;text-align:center;bottom:calc(100% + 3px);font-size:9px;color:#507562}.teach-hist-index{position:absolute;top:100%;padding-top:5px;font:9px Consolas,monospace;color:#6b8576}.teach-inline-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:33px}.teach-inline-metrics span{display:block;font-size:9px;color:#7f9284}.teach-inline-metrics strong{font-size:23px;letter-spacing:-.5px;font-weight:500;color:#2d5d46}.teach-inline-metrics em{font-size:11px;font-style:normal;color:#8da08d;letter-spacing:0}.teach-pair-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#eff6ef;padding:11px 13px;border-radius:8px;margin:20px 0 15px}.teach-pair-toolbar strong{font-size:11px;color:#427756;display:block}.teach-pair-toolbar small{font-size:9px;color:#85a18a;display:block;margin-top:4px}.teach-pair-toolbar>div:last-child{display:flex;flex-direction:column;gap:4px}.teach-pair-toolbar button{font-size:9px;padding:6px 9px;white-space:nowrap}.teach-pair-toolbar button:last-child{background:transparent;border-color:transparent;padding:2px}.teach-matrix-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:23px;align-items:center}.teach-matrix-axis{font-size:8px;color:#8b9b8c;text-align:center;margin:0 0 8px}.teach-glcm{display:grid;gap:3px;max-width:290px;margin:0 auto}.teach-glcm>span{aspect-ratio:1;display:flex;align-items:center;justify-content:center;min-width:0;font:11px Consolas,monospace;background:rgba(8,127,115,var(--matrix-alpha));color:#2e6653;border:1px solid transparent;border-radius:4px}.teach-glcm>.teach-axis{background:transparent;color:#859b86;font-size:9px}.teach-glcm>.teach-matrix-highlight{border:2px solid #e29554;box-shadow:0 0 0 1px #f2ce9e;color:#543920;font-weight:700}.teach-matrix-foot{display:block;font-size:8px;color:#8b9b8c;text-align:center;margin-top:8px}.teach-contrast{border-left:1px solid #e4eae0;padding:7px 0 7px 17px}.teach-contrast>span{display:block;font-size:10px;color:#668b70}.teach-contrast>strong{display:block;font-size:38px;font-weight:500;line-height:1.3;letter-spacing:-1.5px;color:var(--teal);margin:4px 0 7px}.teach-contrast>code{font-size:10px;color:#577b59}.teach-contrast>p{font-size:9px;line-height:1.75;color:#82927c;margin:11px 0}.teach-contrast>small{font-size:9px;line-height:1.7;color:#5c7f5e;display:block}.teach-back-bins{margin-top:12px;padding:6px 0;border:0;background:none;font-size:10px}.teach-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0;margin:12px 0 30px;list-style:none}.teach-flow li{position:relative}.teach-flow li+li:before{content:'→';position:absolute;left:-9px;top:19px;color:#acbdb0;font-size:14px}.teach-flow button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;text-align:left;padding:12px 15px;color:#4c6758;border-radius:8px}.teach-flow button:hover{background:#e9f0e6}.teach-flow button>span{display:grid;place-items:center;border:1px solid #cfddcc;border-radius:50%;width:22px;height:22px;font:10px Consolas,monospace;flex-shrink:0}.teach-flow button b{font-size:11px;font-weight:600;display:block}.teach-flow button small{font-size:8px;color:#8d9b88;display:block;margin-top:2px}.teach-flow button.teach-flow-active>span{background:var(--teal);color:#fff;border-color:var(--teal)}.teach-quiz-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 16px}.teach-quiz-heading h3{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:7px 0 0}.teach-quiz-heading>span{font-size:10px;color:#8a9786}.teach-quiz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.teach-quiz-card{border:1px solid var(--line);border-radius:12px;background:white;padding:20px;min-width:0}.teach-quiz-index{color:var(--teal);font:10px Consolas,monospace}.teach-quiz-card h4{font-size:12px;line-height:1.65;font-weight:600;margin:9px 0 15px;min-height:59px}.teach-quiz-options{display:flex;flex-direction:column;gap:7px}.teach-quiz-options button{display:flex;align-items:center;gap:9px;border:1px solid #e1e8dd;border-radius:7px;background:#fafbf8;color:#6d7f6b;font-size:10px;line-height:1.5;text-align:left;padding:10px 12px;min-height:51px}.teach-quiz-options button>span:first-child{width:17px;height:17px;border:1px solid #cbd8c4;border-radius:50%;font-size:8px;display:grid;place-items:center;flex-shrink:0}.teach-quiz-options button:hover{border-color:#adc4a6;background:#f1f7eb}.teach-quiz-options button.teach-answer-correct{background:#eaf6e8;border-color:#8ec09a;color:#346b3c}.teach-quiz-options button.teach-answer-wrong{background:#fff5e9;border-color:#e3bd8b;color:#936f3d}.teach-quiz-feedback{font-size:10px;line-height:1.75;color:#6d8267;border-top:1px solid #e5ecdf;padding-top:12px;margin:14px 0 0}.teach-quiz-feedback:empty{display:none}@media(max-width:1100px){.teach-workbench{grid-template-columns:minmax(290px,.9fr) minmax(0,1.1fr)}.teach-image-pane{padding:24px}.teach-detail-pane{padding:26px 24px}.teach-matrix-layout{gap:13px}.teach-contrast{padding-left:12px}.teach-contrast>strong{font-size:31px}.teach-flow button{padding:10px}.teach-flow button small{font-size:7px}.teach-quiz-card{padding:17px}.teach-heading h2{font-size:27px}}@media(max-width:850px){.teach-workbench{grid-template-columns:1fr 1fr}.teach-image-pane{padding:23px 18px}.teach-detail-pane{padding:23px 20px}.teach-heading{align-items:flex-start}.teach-heading h2{font-size:25px}.teach-heading p{font-size:11px}.teach-tag{font-size:9px;padding:7px 10px}.teach-voxel{font-size:15px}.teach-voxels{gap:5px}.teach-panel>h3{font-size:22px}.teach-matrix-layout{grid-template-columns:1fr}.teach-glcm{max-width:235px}.teach-contrast{border-left:0;border-top:1px solid #e4eae0;padding:10px 0 0;display:grid;grid-template-columns:1fr 1fr;align-items:center}.teach-contrast>strong{grid-column:2;grid-row:1/3;text-align:right;margin:0}.teach-contrast>p,.teach-contrast>small{grid-column:1/-1;margin:7px 0 0}.teach-metrics{gap:10px}.teach-metrics>div{padding:12px}.teach-metrics strong{font-size:28px}.teach-metrics small{font-size:7px}.teach-pair-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.teach-pair-toolbar>div:last-child{flex-direction:row;gap:10px}.teach-flow button{gap:6px;padding:10px 7px}.teach-flow button b{font-size:10px}.teach-flow button small{display:none}.teach-quiz{grid-template-columns:1fr}.teach-quiz-card h4{min-height:0}.teach-quiz-options{display:grid;grid-template-columns:1fr 1fr}.teach-quiz-options button{min-height:55px}.teach-quiz-heading h3{font-size:18px}}@media(max-width:600px){.teach-lab{margin-top:27px}.teach-heading{display:block}.teach-heading h2{font-size:25px;max-width:330px;line-height:1.2}.teach-heading p{line-height:1.7}.teach-tag{display:inline-block;margin-top:14px}.teach-tabs{width:100%;gap:2px}.teach-tabs button{padding:10px 7px;gap:6px;font-size:10px;flex:1;justify-content:center}.teach-tabs button span{font-size:8px}.teach-workbench{display:block}.teach-image-pane{border-right:0;border-bottom:1px solid var(--line);padding:22px}.teach-voxels{max-width:300px;margin-top:20px}.teach-voxel{font-size:17px}.teach-detail-pane{padding:25px 22px}.teach-panel>h3{font-size:24px}.teach-panel>p{font-size:11px}.teach-metrics>div{padding:14px}.teach-metrics strong{font-size:31px}.teach-metrics small{font-size:8px}.teach-matrix-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:15px}.teach-contrast{border-top:0;border-left:1px solid #e4eae0;padding:6px 0 6px 12px;display:block}.teach-contrast>strong{text-align:left;margin:4px 0 7px}.teach-pair-toolbar{flex-direction:row;align-items:center}.teach-pair-toolbar>div:last-child{flex-direction:column;gap:3px}.teach-flow{gap:2px;margin-bottom:25px}.teach-flow li+li:before{left:-4px;top:17px;font-size:11px}.teach-flow button{flex-direction:column;text-align:center;padding:10px 2px}.teach-flow button b{font-size:8px;font-weight:500}.teach-flow button>span{width:20px;height:20px;font-size:9px}.teach-quiz-heading{align-items:flex-start;gap:15px}.teach-quiz-heading h3{font-size:18px;line-height:1.35}.teach-quiz-heading>span{font-size:9px;max-width:75px;padding-top:16px}.teach-quiz-options{grid-template-columns:1fr}.teach-quiz-options button{min-height:45px}.teach-glcm>span{font-size:9px}.teach-inline-metrics{gap:12px}.teach-hist-title{font-size:9px}.teach-hist-title span{font-size:8px}}
/* Workshop scale: readable on classroom screens and a projector. */
.teach-heading p{font-size:14px;line-height:1.7}.teach-tag{font-size:12px}.teach-tabs button{font-size:14px}.teach-tabs button span{font-size:12px}.teach-kicker{font-size:11px;letter-spacing:1.1px}.teach-grid-size{font-size:12px}.teach-pane-heading h3{font-size:18px}.teach-legend{font-size:12px;gap:15px}.teach-grid-hint{font-size:13px;line-height:1.6}.teach-roi-actions button,.teach-pair-toolbar button,.teach-back-bins{font-size:13px}.teach-roi-actions{flex-wrap:wrap}.teach-data-caption{font-size:12px;line-height:1.7}.teach-panel>p{font-size:14px;line-height:1.75}.teach-metrics span{font-size:13px;line-height:1.5}.teach-metrics small{font-size:11px;line-height:1.5}.teach-callout b{font-size:13px}.teach-callout p{font-size:13px;line-height:1.7}.teach-panel>p.teach-nuance{font-size:12px;line-height:1.75}.teach-slider-label{font-size:14px;line-height:1.6}.teach-slider-label strong{font-size:15px}.teach-slider-scale{font-size:11px}.teach-formula{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.teach-panel>p.teach-mini{font-size:12px;line-height:1.7}.teach-hist-title{font-size:13px;line-height:1.6;align-items:flex-start}.teach-hist-title span{font-size:11px;white-space:nowrap}.teach-hist-value,.teach-hist-index{font-size:11px}.teach-histogram{height:116px}.teach-inline-metrics span{font-size:12px;line-height:1.6}.teach-inline-metrics strong{font-size:27px}.teach-inline-metrics em{font-size:13px}.teach-pair-toolbar strong{font-size:13px}.teach-pair-toolbar small{font-size:11px;line-height:1.5}.teach-pair-toolbar button{font-size:12px}.teach-matrix-axis,.teach-matrix-foot{font-size:11px;line-height:1.6}.teach-glcm>.teach-axis{font-size:11px}.teach-contrast>span{font-size:13px}.teach-contrast>code{font-size:12px;white-space:nowrap}.teach-contrast>p,.teach-contrast>small{font-size:12px;line-height:1.7}.teach-back-bins{font-size:13px}.teach-flow button b{font-size:13px}.teach-flow button small{font-size:11px;line-height:1.5}.teach-flow button>span{font-size:11px}.teach-quiz-heading>span{font-size:12px}.teach-quiz-heading h3{font-size:22px}.teach-quiz-index{font-size:12px}.teach-quiz-card h4{font-size:14px;line-height:1.7;min-height:96px}.teach-quiz-options button{font-size:13px;line-height:1.55;min-height:76px}.teach-quiz-options button>span:first-child{font-size:11px;width:20px;height:20px}.teach-quiz-feedback{font-size:13px;line-height:1.75}@media(max-width:850px){.teach-quiz-card h4{min-height:0}.teach-metrics{grid-template-columns:1fr}.teach-metrics>div{padding:13px 15px}.teach-metrics>div:not(:last-child){display:grid;grid-template-columns:1fr auto;align-items:center}.teach-metrics>div:not(:last-child) strong{grid-row:1/3;grid-column:2}.teach-quiz-heading h3{font-size:21px}.teach-flow button b{font-size:12px}.teach-pair-toolbar{flex-wrap:wrap}.teach-contrast>code{font-size:11px}}@media(max-width:600px){.teach-tabs button{font-size:12px}.teach-tabs button span{font-size:11px}.teach-flow button b{font-size:10px}.teach-quiz-heading>span{font-size:11px;max-width:82px}.teach-roi-actions button{font-size:12px}.teach-legend{font-size:11px}.teach-slider-label{font-size:13px}.teach-slider-scale{font-size:11px}.teach-matrix-layout{grid-template-columns:1fr}.teach-contrast{display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid #e4eae0;padding:14px 0 0}.teach-contrast>strong{text-align:right;grid-row:1/3;grid-column:2}.teach-contrast>p,.teach-contrast>small{grid-column:1/-1}.teach-glcm{max-width:280px}.teach-glcm>span{font-size:12px}.teach-quiz-options button{min-height:62px}}