/* H09 connects the selected object to actual simultaneous force readings. */
body[data-voice-lesson="vectorStudy"].lesson-voice .scene-stack{grid-template-columns:minmax(0,1fr) minmax(360px,40%);grid-template-rows:minmax(0,1fr);}
body[data-voice-lesson="vectorStudy"].lesson-voice .narration-board{padding:14px 22px;justify-content:flex-start;background:#f5f3e9;}
body[data-voice-lesson="vectorStudy"].lesson-voice :is(.live-graph,#scene-result-bar){display:none;}
body[data-voice-lesson="vectorStudy"] .narration-board h3{font-size:22px;line-height:1.35;margin:5px 0 12px;}
.vector-study-note{font-size:14px;line-height:1.65;margin:10px 0;color:#526354;}
.vector-study-chain{padding-left:22px;font-size:17px;line-height:1.8;}.vector-study-chain li{margin:16px 0;}
.vector-study-equation{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:20px;line-height:1.6;margin:12px 0;color:#294d3a;}
.vector-study-fraction{display:inline-flex;flex-direction:column;font-size:.85em;text-align:center;}.vector-study-fraction b{font-weight:500;padding:2px 4px;}.vector-study-fraction b:first-child{border-bottom:1px solid currentColor;}
.vector-study-table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0;}.vector-study-table th{text-align:left;font-weight:500;}.vector-study-table :is(td,th){padding:8px 4px;border-bottom:1px solid #d3dbcb;}.vector-study-table td{font-variant-numeric:tabular-nums;color:#35694f;}
.vector-study-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;}.vector-study-pair>div{border-top:2px solid #35694f;padding:12px 6px;}.vector-study-pair>div+div{border-color:#486c97;}.vector-study-pair small{font-size:14px;display:block;}.vector-study-pair strong{font-size:23px;display:block;margin-top:10px;line-height:1.5;}
.vector-study-conditions{display:grid;gap:16px;padding:18px 0;font-size:19px;}.vector-study-conditions b{color:#35694f;}.vector-study-conditions span{font-size:16px;line-height:1.6;}
.vector-study-diagram{display:block;width:100%;max-height:180px;margin:5px auto 8px;overflow:visible;color:#394b40;}.vector-study-diagram text{font-size:16px;font-family:inherit;fill:currentColor;}
.vector-study-meaning{display:flex;align-items:center;gap:8px;margin:25px 0;font-size:17px;}.vector-study-meaning i{height:3px;flex:1;min-width:25px;background:#b16242;transform-origin:left;}.vector-study-meaning b{color:#a65332;}
.vector-study-formulas{display:grid;grid-template-columns:1fr 1fr;text-align:center;align-items:end;border-bottom:1px solid #cdd7c6;}.vector-study-formulas small{font-size:14px;}.vector-study-formulas .vector-study-equation{font-size:28px;}
.vector-study-evidence{font-size:14px;line-height:1.6;margin:10px 0;}.vector-study-evidence summary{min-height:44px;padding:10px 0;cursor:pointer;}
@media(max-width:900px){body[data-voice-lesson="vectorStudy"].lesson-voice .scene-stack{grid-template-columns:minmax(0,1fr) minmax(320px,45%);}body[data-voice-lesson="vectorStudy"].lesson-voice .narration-board{padding:12px 15px;}}
@media(max-width:700px){
 body[data-voice-lesson="vectorStudy"] .studio-title{gap:4px;padding-inline:10px;}
 body[data-voice-lesson="vectorStudy"] .studio-title h1{font-size:17px;max-width:none;}
 body[data-voice-lesson="vectorStudy"] .studio-title .age-label{display:none;}
 body[data-voice-lesson="vectorStudy"] .learning-tools{gap:2px;flex-shrink:0;}
 body[data-voice-lesson="vectorStudy"] .learning-tools .quiet-button{white-space:nowrap;min-height:44px;padding-inline:6px;font-size:12px;}
 body[data-voice-lesson="vectorStudy"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(160px,.85fr) minmax(0,1.15fr);}
 body[data-voice-lesson="vectorStudy"].lesson-voice.voice-concluded:not(.scene-expanded) .studio-workspace .scene-stack{grid-template-rows:minmax(160px,.65fr) minmax(0,1.45fr);}
 body[data-voice-lesson="vectorStudy"].lesson-voice .narration-board{min-height:0;max-height:none;overflow:auto;padding:10px 16px;}
 body[data-voice-lesson="vectorStudy"] .narration-board h3{font-size:18px;margin:3px 0 8px;}
 body[data-voice-lesson="vectorStudy"] .vector-study-diagram{max-height:155px;}
 body[data-voice-lesson="vectorStudy"] .vector-study-diagram text{font-size:20px;}
 body[data-voice-lesson="vectorStudy"] .vector-study-equation{font-size:16px;gap:4px;margin:8px 0;}
 body[data-voice-lesson="vectorStudy"] .vector-study-note{font-size:13px;margin:7px 0;}
 body[data-voice-lesson="vectorStudy"] .vector-study-pair{margin:8px 0;}.vector-study-pair strong{font-size:21px;}
 body[data-voice-lesson="vectorStudy"] .vector-study-table{font-size:13px;margin:7px 0;}
 body[data-voice-lesson="vectorStudy"] .vector-study-table :is(td,th){padding:6px 3px;}
 body[data-voice-lesson="vectorStudy"] .vector-study-conditions{font-size:18px;gap:10px;padding:10px 0;}
 body[data-voice-lesson="vectorStudy"] .vector-study-chain{font-size:16px;}.vector-study-chain li{margin:10px 0;}
 body[data-voice-lesson="vectorStudy"] .vector-study-meaning{font-size:14px;margin:15px 0;}
 body[data-voice-lesson="vectorStudy"] #narration-caption{max-height:3.3em;overflow:auto;}
}

.vector-study-forces{display:grid;gap:13px;justify-items:center;font-size:16px;margin:18px 0;color:#35694f;}.vector-study-forces>div{display:flex;gap:10px;align-items:center;}.vector-study-forces b{border:1px solid #c6d3c0;border-radius:8px;padding:12px 10px;color:#33493b;font-size:15px;}.vector-study-defs{display:grid;grid-template-columns:40px 1fr;gap:15px;font-size:17px;line-height:1.55;}.vector-study-defs dt{color:#35694f;font-weight:600;}.vector-study-defs dd{margin:0;}
@media(max-width:700px){.vector-study-forces{font-size:13px;margin:12px 0;gap:10px;}.vector-study-forces>div{gap:7px;}.vector-study-forces b{font-size:13px;padding:10px 7px;}.vector-study-defs{font-size:15px;gap:10px;}}
/* A graph and its numbers must remain visible together on a phone. */
@media(max-width:700px){
 body[data-voice-lesson="vectorStudy"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack:has(.vector-study-diagram + :is(.vector-study-pair,.vector-study-table)){grid-template-rows:minmax(160px,.6fr) minmax(0,1.5fr);}
 body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram + :is(.vector-study-pair,.vector-study-table)) .vector-study-pair{gap:10px;margin:5px 0;}
 body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram + :is(.vector-study-pair,.vector-study-table)) .vector-study-pair>div{padding:6px 4px;}
 body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram + :is(.vector-study-pair,.vector-study-table)) .vector-study-pair strong{margin-top:3px;}
 body[data-voice-lesson="vectorStudy"] #narration-caption{max-height:3.3em;overflow:auto;}
}

@media(min-width:701px){
 body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram + .vector-study-pair) .vector-study-pair{margin:5px 0;gap:10px;}
 body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram + .vector-study-pair) .vector-study-pair>div{display:flex;align-items:baseline;gap:10px;padding:6px 4px;flex-wrap:wrap;}
 body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram + .vector-study-pair) .vector-study-pair strong{font-size:21px;margin:0;}
}
@media(min-width:1100px){
 body[data-voice-lesson="vectorStudy"] #narration-notes:has(>.vector-study-diagram + .vector-study-table){display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1fr);gap:6px;align-items:center;}
 body[data-voice-lesson="vectorStudy"] #narration-notes:has(>.vector-study-diagram + .vector-study-table)>:is(small,h3){grid-column:1/-1;}
 body[data-voice-lesson="vectorStudy"] #narration-notes:has(>.vector-study-diagram + .vector-study-table) .vector-study-diagram{height:auto;max-height:none;}
 body[data-voice-lesson="vectorStudy"] #narration-notes:has(>.vector-study-diagram + .vector-study-table) .vector-study-diagram text{font-size:22px;}
 body[data-voice-lesson="vectorStudy"] #narration-notes:has(>.vector-study-diagram + .vector-study-table) .vector-study-table{font-size:14px;}
}

.vector-study-object{margin:10px 0;line-height:1.6;}.vector-study-object>strong{display:block;color:#35694f;padding:5px 0;}.vector-study-object>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #d0dbc8;font-size:16px;}.vector-study-object b{font-weight:500;font-variant-numeric:tabular-nums;}
@media(max-width:700px){body[data-voice-lesson="vectorStudy"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack:has(.vector-study-object){grid-template-rows:minmax(150px,.7fr) minmax(0,1.3fr);}.vector-study-object{margin:7px 0;}.vector-study-object>div{font-size:14px;padding:5px 0;}}

/* Narration selects the force representation; the workbench keeps manual controls. */
body[data-voice-lesson="vectorStudy"].lesson-voice .research-objects{display:none;}
body[data-voice-lesson="vectorStudy"].lesson-voice #scene{inset:0;height:100%;}
@media(max-width:700px){
 body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram + .vector-study-pair) .vector-study-diagram{max-height:130px;}
 body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram + .vector-study-pair) .vector-study-pair strong{font-size:20px;}
}

body[data-voice-lesson="vectorStudy"].lesson-voice :is(.force-representations,.force-representation-note){display:none;}
body[data-voice-lesson="vectorStudy"].lesson-voice #scene{inset:0;height:100%;}
@media(max-width:700px){
 body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram+.vector-study-table) .vector-study-diagram{max-height:135px;}
 body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram+.vector-study-table) .vector-study-table{font-size:13px;margin:3px 0;}
 body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram+.vector-study-table) :is(th,td){padding:5px 3px;}
}

@media(max-width:700px){body[data-voice-lesson="vectorStudy"] .vector-study-diagram text{font-size:24px;}}

@media(max-width:700px){body[data-voice-lesson="vectorStudy"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack:has(.vector-study-diagram+.vector-study-equation){grid-template-rows:minmax(160px,.6fr) minmax(0,1.4fr);}body[data-voice-lesson="vectorStudy"] .narration-board:has(.vector-study-diagram+.vector-study-equation) .vector-study-diagram{max-height:140px;}}