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

.hooke-length{margin:12px 0;font-size:14px;}.hooke-length>div{display:grid;grid-template-columns:60px minmax(0,1fr) 70px;align-items:center;gap:8px;margin:14px 0;}.hooke-length-track{display:flex;height:9px;}.hooke-length i{width:85.7143%;height:9px;background:#96ad91;display:block;}.hooke-length em{height:9px;background:#b16242;display:block;}.hooke-length b{text-align:right;font-weight:500;font-variant-numeric:tabular-nums;}.hooke-forces{display:grid;justify-items:center;gap:14px;font-size:18px;margin:15px 0;}.hooke-forces span:first-child{color:#35694f;}.hooke-forces span:last-child{color:#a65332;}.hooke-forces b{padding:10px 22px;border:1px solid #c9d5c3;border-radius:8px;}.hooke-defs{display:grid;grid-template-columns:30px 1fr;gap:15px;font-size:17px;line-height:1.55;}.hooke-defs dt{color:#35694f;font-weight:600;}.hooke-defs dd{margin:0;}
@media(max-width:700px){.hooke-forces{font-size:16px;gap:9px;margin:9px 0;}.hooke-length{margin:10px 0;}.hooke-length>div{margin:8px 0;}.hooke-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="hooke"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack:has(.hooke-diagram + :is(.hooke-pair,.hooke-table)){grid-template-rows:minmax(130px,.5fr) minmax(0,1.5fr);}
 body[data-voice-lesson="hooke"] .narration-board:has(.hooke-diagram + :is(.hooke-pair,.hooke-table)) .hooke-pair{gap:10px;margin:5px 0;}
 body[data-voice-lesson="hooke"] .narration-board:has(.hooke-diagram + :is(.hooke-pair,.hooke-table)) .hooke-pair>div{padding:6px 4px;}
 body[data-voice-lesson="hooke"] .narration-board:has(.hooke-diagram + :is(.hooke-pair,.hooke-table)) .hooke-pair strong{margin-top:3px;}
 body[data-voice-lesson="hooke"] #narration-caption{max-height:3.3em;overflow:auto;}
}

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