/* Warm Glasshouse paper, coral, and aqua; scoped to the exploration module. */
.subject-labs{margin:26px 0;padding:26px;border:1px solid #d9dbd0;border-radius:13px;background:#fffdf7;color:#263c3e}.sl-header{display:flex;justify-content:space-between;align-items:center;gap:18px}.sl-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;color:#a34e44}.sl-header h2{font-size:25px;margin:8px 0}.sl-count{border:1px solid #cbdedd;border-radius:20px;background:#eaf5f1;padding:8px 12px;font-size:11px;color:#25636a;white-space:nowrap}.sl-lead{font-size:13px;line-height:1.8;max-width:800px;color:#627273;margin:8px 0 22px}.sl-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:23px}.sl-tabs button{display:flex;align-items:center;gap:10px;padding:13px;background:#f4f2e8;border:1px solid #dfdfd4;border-radius:8px;text-align:left;color:#526465;font-size:12px;line-height:1.5;min-height:59px}.sl-tabs button span{font-size:10px;color:#8b9290}.sl-tabs button[aria-selected=true]{background:#e9f4ef;color:#1e656a;border-color:#79b8b7}.sl-tabs button[aria-selected=true] span{color:#25757c}.sl-tabs button:hover{border-color:#74a9a9}.subject-labs button:focus-visible,.subject-labs input:focus-visible,.subject-labs select:focus-visible{outline:3px solid #168590;outline-offset:3px}.sl-intro{margin-bottom:17px}.sl-mode{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#7a6d53;line-height:1.6}.sl-intro h3{font-size:21px;margin:6px 0 8px;line-height:1.4}.sl-intro p{color:#627273;font-size:13px;line-height:1.8;margin:0;max-width:850px}.sl-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:24px}.sl-visual{min-width:0}.sl-equation{border-left:3px solid #e17668;background:#faf1e7;border-radius:0 6px 6px 0;padding:12px 14px;font-size:13px;line-height:1.8;min-height:64px;display:flex;align-items:center}.sl-stage{margin:10px 0;border:1px solid #e6e4d8;border-radius:9px;overflow:hidden;background:#fffdf5}.sl-stage svg{display:block;width:100%;height:auto}.sl-stage svg text{font-family:'DM Sans',Arial,sans-serif}.sl-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sl-readouts>div{padding:12px;background:#edf4ef;border-radius:6px;min-width:0}.sl-readouts span{display:block;font-size:10px;line-height:1.6;color:#6b7a76}.sl-readouts strong{display:block;font-weight:600;font-size:13px;line-height:1.7;color:#28686d;margin-top:2px;overflow-wrap:anywhere}.sl-controls{padding:18px;border:1px solid #e1e1d5;border-radius:9px;align-self:start;background:#f7f7ee}.sl-range,.sl-select{display:block;margin-bottom:20px;font-size:12px;line-height:1.6;color:#4e6364}.sl-range>span{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sl-range output{color:#14717a;font-weight:700;white-space:nowrap}.sl-range input{display:block;width:100%;margin:11px 0 0;accent-color:#16858b;height:20px}.sl-select span{display:block;margin-bottom:7px}.sl-select select{width:100%;font-size:12px;color:#294c50;background:#fffdf7;border-color:#d4dbd3}.sl-playback{display:flex;gap:8px}.sl-playback button,.sl-reset{border:1px solid #a6c5bf;background:#e1eee7;color:#235e65;border-radius:7px;padding:11px 14px;font-size:12px;font-weight:600;min-height:40px}.sl-playback button:first-child{background:#187b82;color:#fff;border-color:#187b82;min-width:90px}.sl-playback button:first-child[aria-pressed=true]{background:#b35549;border-color:#b35549}.sl-status{font-size:10px;line-height:1.7;color:#6f7c77;margin:11px 0 16px;min-height:34px}.sl-task{border-top:1px solid #dce0d4;padding-top:16px;margin-top:18px}.sl-task b{font-size:11px;color:#a84b40}.sl-task p{font-size:12px;line-height:1.9;color:#596f6d;margin:5px 0 0}.sl-explanation{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;border-top:1px solid #e1e2d5;margin-top:22px;padding-top:20px}.sl-explanation b{font-size:12px;color:#35656a}.sl-explanation ol{font-size:12px;line-height:1.9;color:#61706d;padding-left:21px;margin:9px 0 0}.sl-explanation li{padding-left:4px;margin:4px 0}.sl-explanation>p{font-size:12px;line-height:1.9;margin:0;padding:15px;background:#f9eee5;border-radius:7px;color:#826052;align-self:start}.sl-note{font-size:10px;line-height:1.8;color:#78807c;margin:21px 0 0}.subject-labs h3[tabindex]:focus{outline:none}
@media(max-width:1100px){.sl-grid{grid-template-columns:minmax(0,1.35fr) minmax(220px,1fr);gap:16px}.subject-labs{padding:20px}.sl-tabs button{padding:10px;font-size:11px}.sl-controls{padding:15px}}
@media(max-width:820px){.sl-grid{grid-template-columns:1fr}.sl-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.sl-range,.sl-select{margin:0}.sl-playback,.sl-reset{align-self:start}.sl-task{grid-column:1/-1}.sl-status{margin:0}.sl-explanation{gap:16px}.sl-equation{min-height:0}.sl-stage svg{max-height:390px}}
@media(max-width:560px){.subject-labs{padding:16px;margin:20px 0}.sl-header{align-items:flex-start;flex-direction:column;gap:8px}.sl-header h2{font-size:23px}.sl-count{padding:6px 10px}.sl-lead{margin:15px 0 18px;font-size:12px}.sl-tabs{grid-template-columns:1fr;gap:6px;margin-bottom:19px}.sl-tabs button{font-size:12px;min-height:43px;padding:10px 12px}.sl-intro h3{font-size:20px}.sl-intro p{font-size:12px}.sl-controls{grid-template-columns:1fr;gap:17px}.sl-readouts{gap:6px}.sl-readouts>div{padding:10px}.sl-readouts strong{font-size:12px}.sl-equation{font-size:12px;padding:10px 12px}.sl-explanation{grid-template-columns:1fr;gap:18px}.sl-task{margin-top:0}.sl-range input{height:24px}.sl-stage{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.subject-labs *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.subject-labs [data-sl-prefix-stage]{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.subject-labs [data-sl-prefix-stage]>svg{min-width:580px;max-height:none}
.subject-labs [data-sl-prefix-stage]:focus-visible{outline:3px solid var(--calx-coral,#b95347);outline-offset:3px}
.subject-labs [data-sl-quantity-stage]{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.subject-labs [data-sl-quantity-stage]>svg{min-width:580px;max-height:none}
.subject-labs [data-sl-quantity-stage]:focus-visible{outline:3px solid var(--calx-coral,#b95347);outline-offset:3px}

/* Live visual relationships stay concise; detailed derivations are opt-in. */
.sl-visual-link{font-size:12px;line-height:1.8;color:#4e6868;margin:10px 0 14px;max-width:70ch}.sl-derivation{margin-top:16px;padding-top:12px;border-top:1px solid #d8dfd5}.sl-derivation summary{cursor:pointer;font-size:12px;font-weight:600;color:#9d493f;line-height:1.7;padding:7px 0;min-height:44px}.sl-derivation ol{padding-left:20px;line-height:1.9}.sl-derivation li{margin:12px 0}.sl-derivation li strong{display:block;color:#315e62;font-size:11px}.sl-derivation li span{display:block}.sl-derivation summary:focus-visible{outline:3px solid #168590;outline-offset:3px}