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

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

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