/* Lessons 21–25 use lab.css; this file adds their written working, piece handles and a few scene details. */
.fifth-lab .lab-instruction .lab-chips{margin-top:16px}
.fifth-working{margin:0 30px 24px;padding:18px 20px 18px 48px;background:#f1eadb;border:1px solid #d2c4a9;border-radius:8px;font-size:20px;line-height:1.6}
.fifth-working li+li{margin-top:6px}
.fifth-lab .lab-equation output{overflow-wrap:anywhere}
.fifth-lab .lab-result .equation{overflow-wrap:anywhere}
.fifth-lab .drag-handle.piece-handle{width:40px;height:40px;margin:-20px 0 0 -20px;font-size:17px}
/* Colour = identity: each readout box carries the colour of the object it measures. */
.lab[data-demo=roots] #roots-box-0{border-top:4px solid var(--green)}
.lab[data-demo=roots] #roots-box-1{border-top:4px solid var(--copper)}
.lab[data-demo=mirror] #mirror-box-0{border-top:4px solid var(--copper)}
.lab[data-demo=mirror] #mirror-box-1{border-top:4px solid var(--green)}
/* Softer ink for scale numbers (rulers, empty table cells). */
.lab-scene .lbl.ink-soft{fill:#5d5a4c}
@media(max-width:760px){
 .fifth-working{margin:0 14px 20px;padding:14px 14px 14px 38px;font-size:19px}
 .fifth-lab .drag-handle.piece-handle{width:44px;height:44px;margin:-22px 0 0 -22px}
 .fifth-lab .lab-scene .phone-hide{display:none}
 /* A 1000-unit scene is about a third of its size on a phone, so its labels are enlarged further. */
 .fifth-lab .lab-scene .lbl{font-size:44px}
 .fifth-lab .lab-scene .lbl.table-cell{font-size:36px}
 /* The swing button points at one corner, so it stays on the scene as a 44px icon. */
 #trisect-action{padding:7px}#trisect-action-text{display:none}
 /* Readouts stack as rows, with the operators between them, so each value reads on one line. */
 .fifth-lab .lab-equation,.fifth-lab .lab-equation:has(>div[hidden]){grid-template-columns:1fr;gap:4px}
 .fifth-lab .lab-equation>div{display:flex;justify-content:space-between;align-items:center;gap:12px}
 .fifth-lab .lab-equation .operator{padding:0;text-align:center;font-size:26px;line-height:1.1}
 .fifth-lab .lab-equation .eq-label{max-width:48%}
 .fifth-lab .lab-equation output{text-align:right;font-size:24px}
}