.extended-lab{--extended-ink:#203e32;--extended-green:#176b57;--extended-border:#ceddd2;box-sizing:border-box;color:var(--extended-ink);border:1px solid var(--extended-border);background:#fffef9;border-radius:16px;padding:clamp(14px,3vw,26px);margin:20px 0;min-width:0;font-size:16px;line-height:1.65}
.extended-lab *{box-sizing:border-box}
.extended-lab h3{margin:0 0 12px;font-size:clamp(19px,2.5vw,25px);line-height:1.4;overflow-wrap:anywhere}
.extended-lab h4{margin:0 0 10px;font-size:17px}
.extended-lab p{margin:12px 0;overflow-wrap:anywhere}
.extended-lab .extended-intro{font-size:17px}
.extended-lab .extended-instruction{border-left:4px solid #d19644;padding:10px 14px;background:#fff4dd;border-radius:0 8px 8px 0}
.extended-lab .extended-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 22px;margin:20px 0;padding:16px;background:#edf4ee;border:1px solid #dae5db;border-radius:12px}
.extended-lab .extended-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;min-width:0;margin:0;font-size:14px;font-weight:600}
.extended-lab .extended-control>span{grid-column:1/-1;overflow-wrap:anywhere}
.extended-lab .extended-control input[type=range]{grid-column:1;min-width:0;width:100%;min-height:44px;margin:0;accent-color:var(--extended-green);cursor:pointer}
.extended-lab .extended-control output{min-width:3.5ch;text-align:right;font-variant-numeric:tabular-nums}
.extended-lab .extended-control select{grid-column:1/-1;width:100%;min-width:0;min-height:44px;padding:8px 26px 8px 9px;color:var(--extended-ink);background:#fff;border:1px solid #9bb7a4;border-radius:6px;font:inherit;font-weight:400;text-overflow:ellipsis}
.extended-lab .extended-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:5px}
.extended-lab .extended-actions button{min-height:44px;max-width:100%;padding:9px 16px;border:1px solid var(--extended-green);border-radius:8px;background:var(--extended-green);color:#fff;font:inherit;font-weight:650;cursor:pointer;line-height:1.45;white-space:normal}
.extended-lab .extended-actions button[data-action=reset]{background:#fff;color:var(--extended-green)}
.extended-lab .extended-actions button:disabled{opacity:.6;cursor:default}
.extended-lab :is(button,select,input,summary,a,[tabindex]):focus-visible{outline:3px solid #87520c;outline-offset:3px}
.extended-lab .extended-status{padding:10px 12px;background:#f1f5ee;border-radius:8px;font-size:14px;min-height:44px}
.extended-lab .extended-result{min-width:0}
.extended-lab .extended-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:10px;margin:16px 0}
.extended-lab .extended-card{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid #d7e1d7;border-radius:9px;background:#fff;min-width:0;overflow-wrap:anywhere}
.extended-lab .extended-card span{font-size:13px;color:#425d4c;line-height:1.4}
.extended-lab .extended-card strong{font-size:20px;line-height:1.3;font-variant-numeric:tabular-nums}
.extended-lab .extended-equation{background:#eef0e9;border-radius:8px;padding:12px 14px;font-size:15px;font-variant-numeric:tabular-nums;word-break:normal;overflow-wrap:anywhere}
.extended-lab .extended-note,.extended-lab .extended-scope{font-size:14px;color:#405b4c}
.extended-lab .extended-scope{border-top:1px solid #dce5dc;padding-top:13px;margin-bottom:0}
.extended-lab .extended-table-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid #d7e1d7;border-radius:9px;margin:16px 0;background:white}
.extended-lab table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;margin:0;line-height:1.5}
.extended-lab caption{text-align:left;padding:10px 12px;font-weight:650;background:#f4f6ee;color:var(--extended-ink)}
.extended-lab th,.extended-lab td{text-align:left;padding:10px 12px;border-bottom:1px solid #e0e7df;border-right:1px solid #e0e7df;min-width:68px}
.extended-lab th{font-weight:600;background:#f7faf4}
.extended-lab tbody tr:last-child>*{border-bottom:0}
.extended-lab tr>*:last-child{border-right:0}
.extended-lab .extended-chart{margin:18px auto;max-width:580px}
.extended-lab .extended-chart svg{display:block;width:100%;height:auto;overflow:visible}
.extended-lab .extended-chart svg text{font:12px system-ui,sans-serif;fill:#3a5045}
.extended-lab figcaption{font-size:14px;line-height:1.5;font-weight:600;margin:0 0 8px;overflow-wrap:anywhere}
.extended-lab .extended-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;padding-left:10px}
.extended-lab .extended-legend span{display:flex;gap:6px;align-items:center}
.extended-lab .extended-legend i{display:inline-block;width:17px;height:4px;border-radius:2px}
.extended-lab .extended-tone{margin:16px 0}
.extended-lab .extended-tone-strip{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));height:45px;border:1px solid #bdcabe;border-radius:6px;overflow:hidden}
.extended-lab .extended-tone-strip span{min-width:0;height:100%}
.extended-lab .extended-grid-figure{margin:0;min-width:0;max-width:320px}
.extended-lab .extended-grid{display:grid;grid-template-columns:repeat(var(--extended-columns),minmax(0,1fr));gap:4px;padding:5px;border:1px solid #d6dfd5;border-radius:8px;background:#f1f4ed;min-width:0}
.extended-lab .extended-cell{display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:5px 2px;color:#203e32;background:#dcebdd;border:2px solid transparent;border-radius:4px;font-size:clamp(12px,2vw,16px);font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.extended-lab .extended-cell.extended-selected{border:3px solid #8b4210;box-shadow:0 0 0 1px #fff inset;text-decoration:underline;text-underline-offset:3px}
.extended-lab .extended-tensor-title{font-size:14px;font-weight:600}
.extended-lab .extended-planes{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;margin:12px 0}
.extended-lab .extended-planes>.extended-grid-figure{flex:1 1 115px;max-width:200px}
.extended-lab .extended-tensor-inputs,.extended-lab .extended-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.extended-lab .extended-tensor-inputs>.extended-tensor{grid-column:1/-1}
.extended-lab .extended-flow-arrow{font-size:28px;text-align:center;margin:6px 0;line-height:1.3;color:var(--extended-green)}
.extended-lab .extended-probabilities{display:grid;gap:14px;margin:20px 0}
.extended-lab .extended-probability{display:grid;grid-template-columns:82px minmax(0,1fr) 76px;align-items:center;gap:8px;font-size:14px}
.extended-lab .extended-probability strong{text-align:right;font-size:14px;font-variant-numeric:tabular-nums}
.extended-lab .extended-bar-track{height:22px;border-radius:5px;background:#e4eade;overflow:hidden;min-width:0}
.extended-lab .extended-bar-track>span{display:block;height:100%;background:#297c63;min-width:0}
.extended-lab .extended-process{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:15px 0}
.extended-lab .extended-process .extended-card{flex:1 1 110px}
.extended-lab .extended-channel-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.extended-lab .extended-channel{background:#fafaf4;border:1px solid #d7e0d2;border-radius:10px;padding:12px;min-width:0}
.extended-lab .extended-small-grids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.extended-lab .extended-small-grids .extended-cell{font-size:13px;min-height:35px}
.extended-lab .extended-source{padding:10px 12px;border:1px solid #d7dfd3;border-radius:8px;font-size:13px;margin:16px 0}
.extended-lab .extended-source summary{cursor:pointer;font-weight:600;min-height:28px;line-height:1.6}
.extended-lab .extended-source a{color:#17634f;text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:650px){.extended-lab .extended-controls{grid-template-columns:1fr;padding:12px}.extended-lab .extended-channel-pair{grid-template-columns:1fr}.extended-lab .extended-probability{grid-template-columns:72px minmax(0,1fr) 64px;font-size:13px}.extended-lab .extended-probability strong{font-size:13px}.extended-lab .extended-planes>.extended-grid-figure{flex-basis:100px}.extended-lab .extended-tensor-inputs,.extended-lab .extended-pair{gap:10px}.extended-lab th,.extended-lab td{padding:9px 8px}.extended-lab .extended-chart svg text{font-size:13px}}
@media(prefers-reduced-motion:reduce){.extended-lab *{scroll-behavior:auto;transition:none;animation:none}}