.panel:has(.meterLayout){width:min(1560px,calc(100vw - 20px));padding:20px 24px;max-height:calc(100dvh - 20px)}
.panel:has(.meterLayout) h2{font-size:32px;margin:5px 0 0}
.panel:has(.meterLayout) .subtitle{margin-bottom:10px}
.panel:has(.meterLayout) .panelActions{margin-top:10px}
.meterControl{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:220px 1fr 225px;gap:12px;align-items:start;background:#10262e;border:1px solid #53777d;padding:10px;margin-bottom:10px;box-shadow:0 6px 18px #091d24a8}
.meterFace{background:#232a2b;border:3px solid #0b1417;border-radius:8px;padding:8px 12px;min-height:100px;box-shadow:inset 0 0 0 1px #677779}
.meterFace small{display:block;font:700 9px Arial,sans-serif;letter-spacing:1.4px;color:#e3ba7d}
.meterFace strong{display:block;margin:5px 0;font:700 30px 'Barlow Condensed',Arial,sans-serif;color:#d8f6dd;background:#405d4f;text-align:right;padding:3px 8px;border-radius:3px}
.meterFace span{font:11px/1.3 Arial,sans-serif;color:#c6d3d0}
.meterModes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.meterModes button,.leadControls button,.openLadder{border:1px solid #7a9aa0;background:#24434c;color:#edf2e9;padding:8px 6px;font:700 11px Arial,sans-serif;letter-spacing:.3px}
.meterModes button.selected,.leadControls button.selected{background:#b87b4e;border-color:#ffe0a6;color:#101f22}
.leadControls{display:flex;flex-direction:column;gap:5px}
.leadControls button{display:flex;justify-content:space-between}
.leadControls .meterLoto{background:#b87b4e;border-color:#ffe0a6;color:#10252c;justify-content:center}
.leadControls span{font-weight:400}
.meterControl p{font:11px/1.35 Arial,sans-serif;color:#b9cdca;margin:0;grid-column:2/4}
.meterControl .meterNextStep{grid-column:1/-1;background:#e7bb83;color:#142a31;padding:8px 10px;font-weight:800}
.meterControl .meterSafety{grid-column:1/4;color:#efbd84;font-weight:700}
.meterControl .meterLesson{grid-column:1/4;color:#d6e9dd;background:#1c3c43;border-left:3px solid #eab37e;padding:6px 9px;font-weight:700}
.meterHelp{grid-column:1/-1;color:#d6e9dd}
.meterHelp summary{cursor:pointer;color:#f9cb94;font:700 11px Arial,sans-serif;padding:7px 0}
.meterHelp .meterLesson{margin:5px 0}
.meterHelp p{padding:4px 0}
.meterLesson b{display:block;color:#f9cb94;font-size:10px;letter-spacing:1px;margin-bottom:3px}
.ladderBoards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ladderBoards:has(.ladderSection:only-child){grid-template-columns:1fr;justify-items:center}
.ladderBoards:has(.ladderSection:only-child) .ladderSection{max-width:620px}
.ladderBoards:has(.rtuUnified){grid-template-columns:1fr}
.ladderBoards:has(.ladderSection.rtuUnified:only-child) .ladderSection.rtuUnified{max-width:1100px}
.ladderSection{background:#d8ddd2;border:3px solid #8c9992;color:#183036;min-width:0;max-width:490px;margin:auto;width:100%}
.ladderSection.rtuUnified{max-width:1100px}
.ladderCanvas.rtuCanvas{aspect-ratio:1100/800}
.ladderCanvas.rtuCanvas .ladderText{font-size:14px}
.ladderTitle{padding:6px 10px;background:#283b3e;color:#f3e8d3;font:800 11px Arial,sans-serif;letter-spacing:1px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ladderTitle small{font:10px Arial,sans-serif;color:#bdcfca;letter-spacing:0}
.ladderCanvas{position:relative;aspect-ratio:520/500;background:repeating-linear-gradient(0deg,#d8ddd2,#d8ddd2 20px,#d2d8cc 21px);overflow:hidden}
.ladderCanvas svg{position:absolute;inset:0;width:100%;height:100%}
.ladderCanvas .probeWires{pointer-events:none;z-index:1;overflow:visible}
.probeWires path{fill:none;stroke-width:4;stroke-linecap:round;opacity:.9;filter:drop-shadow(0 1px 2px #10252c8a)}
.probeWires [data-probe-wire="red"]{stroke:#ca3f32}
.probeWires [data-probe-wire="black"]{stroke:#171f23}
.ladderWire{fill:none;stroke:#31444a;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.ladderDevice{fill:#eef0e7;stroke:#344d51;stroke-width:2.5}
.ladderText{font:700 12px Arial,sans-serif;fill:#233a3f;letter-spacing:.3px}
.testPoint{position:absolute;transform:translate(-50%,-50%);z-index:2;background:none;border:0;color:#20343a;width:44px;height:44px;padding:0;font:800 11px Arial,sans-serif;text-shadow:0 1px #eef3ea}
.testPoint i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:18px;height:18px;border:3px solid #203d47;background:#faf7dd;border-radius:50%;box-shadow:0 0 0 3px #d8ddd2}
.testPoint.redPlaced i{background:#e54d40;border-color:#7f241e;box-shadow:0 0 0 3px #ffb6aa}
.testPoint.blackPlaced i{background:#20282c;border-color:#090b0d;box-shadow:0 0 0 3px #acb4b0}
.testPoint:hover i,.testPoint:focus-visible i{box-shadow:0 0 0 5px #e3a661}
.testPoint span{position:absolute;top:calc(50% + 13px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#e7eaddd9;padding:1px 3px}
.clampWire{position:absolute;z-index:2;border:2px solid #d18a3c;background:#2e4245;color:#fff1d0;padding:4px 5px;border-radius:14px;font:800 9px Arial,sans-serif}
.clampWire:hover{background:#a66a3c}
.openLadder{display:block;margin:12px 0;width:100%;padding:12px;color:#ffdb9d;letter-spacing:1px}
@media(min-width:1400px){.meterLayout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px;align-items:start}.meterControl{grid-template-columns:1fr;margin:0}.meterControl .meterSafety{grid-column:1}.meterModes{grid-template-columns:repeat(2,minmax(0,1fr))}.ladderBoards{min-width:0}}
@media(max-width:920px){.meterControl{grid-template-columns:1fr 1fr}.meterFace{grid-row:span 2}.leadControls{grid-column:2}.meterControl p{grid-column:1/3}.meterControl .meterSafety{grid-column:1/3}.ladderBoards{grid-template-columns:1fr}.ladderSection{max-width:600px;margin:auto;width:100%}}

/* r10: genuine simultaneous multimeter and interactive ladder workstation. */
.panel:has(.meterLayout){width:min(1740px,calc(100vw - 24px));}
.meterLayout{display:grid;grid-template-columns:minmax(320px,370px) minmax(0,1fr);gap:16px;align-items:start;min-height:0;}
.meterControl{display:flex;flex-direction:column;gap:10px;position:sticky;top:0;max-height:calc(100dvh - 170px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:0;min-width:0;}
.meterControl>*,.meterControl p,.meterControl .meterSafety,.meterControl .meterNextStep{grid-column:auto;min-width:0;}
.meterModes{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;}
.leadControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;}
.leadControls button{min-width:0;white-space:normal;justify-content:space-between;gap:6px;}
.meterFace{width:100%;}
.meterReason{padding:12px 13px;background:#24464b;color:#e5f4e9;border-left:3px solid #eeb37c;line-height:1.5;font-size:12px;}
.meterReason b{display:block;color:#ffc991;margin-bottom:5px;font-size:10px;letter-spacing:1px;}
.meterReason span{display:block;}
.ladderBoards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;max-height:calc(100dvh - 170px);overflow:auto;scrollbar-width:thin;align-items:start;padding:0 3px 10px 0;}
.ladderBoards:has(.rtuUnified){grid-template-columns:minmax(0,1fr);}
.ladderBoards .ladderSection{max-width:none;width:100%;}
.ladderBoards:has(.ladderSection.rtuUnified:only-child) .ladderSection.rtuUnified{max-width:none;}
.ladderCanvas.rtuCanvas{aspect-ratio:1100 / 800;min-height:440px;}
.panel:has(.meterLayout) .panelActions{position:sticky;bottom:0;background:#18303a;z-index:6;padding-top:8px;}
@media(max-width:1030px){
 .meterLayout{grid-template-columns:minmax(270px,34%) minmax(0,1fr);gap:10px;}
 .meterControl{max-height:calc(100dvh - 165px);}
 .meterModes{grid-template-columns:repeat(2,minmax(0,1fr));}
 .ladderBoards{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 165px);}
}
@media(max-width:720px){
 .meterLayout{grid-template-columns:minmax(0,1fr);}
 .meterControl{position:relative;max-height:none;overflow:visible;}
 .ladderBoards{max-height:none;overflow:visible;}
 .ladderCanvas.rtuCanvas{min-height:260px;}
 .meterModes{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* r13: pressure manifold shows both sides and automatic SH/SC together. */
.refrigerationGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:14px 0; }
.refrigerationDatum { min-width:0; padding:13px; background:#102b33; border:1px solid #6d8e92; overflow-wrap:break-word; }
.refrigerationDatum small { display:block; font:700 11px/1.4 Arial,sans-serif; color:#f4c58e; letter-spacing:.7px; margin-bottom:7px; }
.refrigerationDatum strong { display:block; color:#f6eee0; font:700 clamp(14px,1.5vw,23px)/1.35 Arial,sans-serif; }
@media (max-width:1000px) { .refrigerationGrid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:540px) { .refrigerationGrid { grid-template-columns:1fr; } }