.discovery{padding:30px;background:#fffef8;border:1px solid #dce5d2;border-radius:14px;margin-bottom:25px;color:#37533f;overflow:hidden}
.discovery-header{margin-bottom:25px}.discovery-header .eyebrow{font-size:11px;line-height:1.7}
.discovery-header h2{font:600 29px/1.3 Manrope,sans-serif;letter-spacing:-.8px;margin:10px 0 14px;color:#37513e}
.discovery-header p{font-size:18px;line-height:1.8;max-width:950px;color:#687a60;margin:0}
.discovery-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0;padding:22px;background:#f1f5e9;border:1px solid #dee7d3;border-radius:10px}
.discovery-controls label{display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.6;color:#526b4d;min-width:0}
.discovery-controls output{font-size:18px;font-weight:600;color:#3c6549;font-variant-numeric:tabular-nums}
.discovery-controls input[type=range]{display:block;width:100%;margin:6px 0;accent-color:#557e5f}
.discovery-controls select{width:100%;font-size:16px;padding:10px 12px;color:#476443;white-space:normal}
.discovery-controls .discovery-check{flex-direction:row;align-items:center;gap:10px}
.discovery-check input{width:20px;height:20px;accent-color:#557e5f;flex-shrink:0}
.discovery-neuron,.discovery-chart{display:block;width:100%;height:auto;background:#f5f8ee;border:1px solid #dce6d1;border-radius:10px}
.discovery-neuron{margin-top:20px}.discovery-chart{margin-top:25px}
.discovery-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.discovery-actions button{font-size:15px;line-height:1.7;padding:11px 16px;white-space:normal}
.discovery-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.discovery-stats>div{padding:17px;background:#f2f6ec;border:1px solid #dce5d1;border-radius:9px;min-width:0}
.discovery-stats dt{font-size:13px;line-height:1.7;color:#6f8064}
.discovery-stats dd{font:600 25px/1.5 Manrope,sans-serif;color:#42694d;margin:7px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.discovery-status{font-size:16px;line-height:1.8;padding:16px 18px;background:#eef3e6;border-left:3px solid #9ab787;color:#4d6f4b;margin:20px 0}
.discovery-explain{margin-top:30px;border-top:1px solid #dce5d1;padding-top:24px}
.discovery-explain h3,.discovery-presets h3{font:600 21px/1.5 Manrope,sans-serif;letter-spacing:-.3px;color:#476344;margin:15px 0 10px}
.discovery-explain p,.discovery-presets p{font-size:17px;line-height:1.9;color:#6b7b61;margin:0 0 18px;max-width:980px}
.discovery-explain summary{font-size:16px;line-height:1.8;color:#55774e;cursor:pointer;margin-bottom:12px}
.discovery-explain details{margin:22px 0}.discovery-source{display:inline-block;margin:12px 20px 0 0;font-size:15px;line-height:1.8;color:#6f754b;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.discovery-instruction{font-size:19px;line-height:1.8;color:#476945;margin:22px 0}
.blind-board{position:relative;width:100%;height:260px;background:#fff;border:2px solid #d4dfcb;border-radius:10px;overflow:hidden}
.blind-fixation{position:absolute;top:50%;transform:translate(-50%,-50%);font:42px/1 Arial,sans-serif;color:#111;z-index:2;user-select:none}
.blind-dot{position:absolute;top:50%;transform:translate(-50%,-50%);background:#111;border-radius:50%;z-index:2}
.blind-line{position:absolute;left:5%;right:5%;height:3px;background:#343c34;top:50%;transform:translateY(-50%);z-index:1}
.blind-line[hidden]{display:none}.discovery-table-wrap{overflow-x:auto;max-width:100%;margin:25px 0;border:1px solid #dde5d3;border-radius:9px}
.discovery-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.7}
.discovery-table caption{text-align:left;padding:15px 18px;font-weight:600;background:#f1f5e8;color:#546e4c}
.discovery-table th,.discovery-table td{text-align:left;padding:12px 16px;border-bottom:1px solid #e1e7d7;font-variant-numeric:tabular-nums}
.discovery-table th{font-size:13px;color:#6c805f;background:#f8faf2}.discovery-table td{color:#55734e}
.discovery-table tbody tr:last-child td{border-bottom:0}
.prediction-stage{display:flex;align-items:stretch;justify-content:space-between;gap:18px;margin:25px 0;padding:25px;background:#eaf1df;border-radius:12px}
.prediction-stage>div{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
.prediction-stage>div>span{font-size:14px;line-height:1.6;color:#708462}
.prediction-stage strong{font:600 30px/1.3 Manrope,sans-serif;color:#426d4c;overflow-wrap:anywhere}
.prediction-stage>span{align-self:center;color:#9caa7c;font-size:28px}
.discovery-legend{display:flex;gap:25px;flex-wrap:wrap;font-size:15px;margin:14px 0;color:#64795b}
.discovery-legend span:before{content:'';display:inline-block;width:22px;height:3px;margin-right:8px;vertical-align:middle;background:#3e7a61}
.discovery-legend .legend-b:before{background:#bc9147}.discovery-presets{margin-top:25px;padding:20px 22px;border:1px solid #e1dfc6;background:#f8f6e9;border-radius:10px}
@media(max-width:850px){.discovery-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery{padding:24px}}
@media(max-width:650px){.discovery{padding:19px 16px}.discovery-header h2{font-size:25px}.discovery-header p{font-size:17px}.discovery-controls{padding:17px;grid-template-columns:1fr;gap:22px}.discovery-controls label{font-size:16px}.discovery-actions{gap:8px}.discovery-actions button{font-size:15px;padding:11px 13px}.discovery-stats{gap:9px}.discovery-stats>div{padding:13px}.discovery-stats dd{font-size:22px}.discovery-stats dt{font-size:13px}.discovery-chart{min-height:180px}.discovery-neuron{min-height:100px}.discovery-instruction{font-size:18px}.blind-board{height:230px}.prediction-stage{gap:9px;padding:18px 12px}.prediction-stage strong{font-size:23px}.prediction-stage>div>span{font-size:12px}.prediction-stage>span{font-size:20px}.discovery-table th,.discovery-table td{padding:11px 12px;font-size:14px}.discovery-explain p,.discovery-presets p{font-size:17px}.discovery-presets{padding:17px}.discovery-status{padding:14px}}
/* Individual model units remain distinct from the anatomical landmarks beside them. */
.circuit-scope{font:16px/1.85 'DM Sans',sans-serif;color:#797c60;border-left:3px solid #c4b47b;padding:12px 16px;background:#f6f2e3;margin:22px 0}
.circuit-stage-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:24px 0}
.circuit-stage{display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-width:0;padding:16px 13px;min-height:175px;text-align:left;border:1px solid #cddfc4;border-radius:10px;background:#f0f6e9;color:#476e48;cursor:pointer}
.circuit-stage[aria-pressed=true]{border:2px solid #b39a53;padding:15px 12px;background:#f6efd9}
.circuit-stage-top{display:flex;align-items:center;justify-content:space-between;width:100%}.circuit-stage-top b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dce8d2;color:#628155;font:14px/1 'DM Sans',sans-serif}
.circuit-lamp{display:block;width:12px;height:12px;background:#b4c6a6;border-radius:50%}.circuit-firing .circuit-lamp{background:#e3ac38;box-shadow:0 0 0 5px #e8c46b35}.circuit-stage>strong{font:600 17px/1.5 Manrope,sans-serif;letter-spacing:-.2px}
.circuit-stage-count,.circuit-stage-voltage{font:14px/1.6 'DM Sans',sans-serif;font-variant-numeric:tabular-nums}.circuit-stage-count{margin-top:auto}
.circuit-stage.circuit-disabled{background:#eeeee7;border-color:#b4b7a7;color:#8c927d}.circuit-disabled .circuit-lamp{background:#a7aa9c;box-shadow:none}.circuit-stage:focus-visible{outline:3px solid #8bac7c;outline-offset:3px}
.circuit-anatomy{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:27px;margin:28px 0}
.circuit-brain-stage{position:relative;height:360px;background:#132a29;border:1px solid #d5dfcd;border-radius:11px;overflow:hidden}
.circuit-brain-stage canvas{display:block;width:100%;height:100%;touch-action:none}.circuit-brain-stage>span{position:absolute;left:14px;bottom:12px;color:#d3dfc6;font:10px/1.7 'DM Sans',sans-serif;letter-spacing:.8px;pointer-events:none}
.circuit-anatomy .discovery-actions{gap:8px}.circuit-anatomy .discovery-actions a{display:inline-block;font-size:14px;line-height:1.7;padding:10px 13px;text-decoration:none}
.circuit-anatomy-note{font:14px/1.85 'DM Sans',sans-serif;color:#7d8c71}
.circuit-part{padding:24px;border:1px solid #dedfc8;background:#faf8ee;border-radius:11px;align-self:start}
.circuit-part h3{font:600 24px/1.4 Manrope,sans-serif;color:#4c6947;letter-spacing:-.5px;margin:10px 0 23px}.circuit-part h4{font:600 17px/1.7 Manrope,sans-serif;color:#8b7948;margin:16px 0 7px}.circuit-part p{font:17px/1.85 'DM Sans',sans-serif;color:#6c795f;margin:0 0 18px}
.circuit-enable{display:flex;gap:11px;align-items:center;font:16px/1.7 'DM Sans',sans-serif;color:#4f734a;padding-top:18px;border-top:1px solid #e1dec9}.circuit-enable input{width:21px;height:21px;accent-color:#5c8259;flex-shrink:0}
.circuit-part .circuit-toggle-note{font-size:14px;color:#8a8c73;margin-top:12px;margin-bottom:0}
@media(max-width:950px){.circuit-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.circuit-anatomy{grid-template-columns:1fr}}
@media(max-width:650px){.circuit-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.circuit-stage{min-height:165px;padding:14px 11px}.circuit-stage[aria-pressed=true]{padding:13px 10px}.circuit-stage>strong{font-size:17px}.circuit-anatomy{gap:20px}.circuit-brain-stage{height:320px}.circuit-part{padding:19px}.circuit-part h3{font-size:23px}.circuit-scope{font-size:16px}.circuit-brain-stage>span{font-size:9px;letter-spacing:.2px}}

.neuron-scale-nav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.neuron-scale-nav a{font:16px/1.7 'DM Sans',sans-serif;color:#577450;border:1px solid #ceddc3;border-radius:8px;padding:10px 15px;background:#f6f8ed;text-decoration:none}.neuron-scale-nav a[aria-current]{background:#4f7659;border-color:#4f7659;color:white}.circuit-direction{font:16px/1.9 'DM Sans',sans-serif;color:#6c805e;margin:18px 0}
