/* ЭнергоТренажёр 51 · самостоятельная учебная мнемосхема */
#diagramlink51{min-width:0}
.l51-app,.l51-app *{box-sizing:border-box;min-width:0}
.l51-app{color:#eaf3fa;font-size:14px;line-height:1.55;display:grid;gap:12px}
.l51-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.l51-head small{font-size:11px;color:#b4cddd;letter-spacing:.09em}
.l51-head h3{font-size:clamp(20px,4vw,25px);margin:3px 0}.l51-head p{margin:0;color:#c9d7e0}
.l51-pill{align-self:flex-start;border:1px solid #63899c;border-radius:40px;padding:5px 9px;background:#21465c;font-size:12px;font-weight:700}
.l51-toolbar{display:grid;gap:10px}.l51-toolbar label{font-size:13px;color:#c4dae7}
.l51-toolbar select{display:block;margin-top:4px;width:100%;background:#152c3e;color:#f0f8ff;border:1px solid #63899c;border-radius:8px;padding:10px;font-size:16px}
.l51-actions{display:flex;gap:8px;flex-wrap:wrap}.l51-actions button{flex:1 1 145px;cursor:pointer;min-height:44px;background:#1f4560;border:1px solid #5e8fab;color:#f4faff;border-radius:8px;font-size:14px;line-height:1.35;padding:10px}.l51-actions button:disabled{opacity:.45;cursor:not-allowed}.l51-actions .read{background:#1d6655;border-color:#78b6a6}
.l51-app button:focus-visible,.l51-app select:focus-visible,.l51-switch:focus-visible{outline:3px solid #e7cd7c;outline-offset:3px}
.l51-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.l51-stats span{border:1px solid #355d78;background:#17354a;padding:9px;border-radius:8px;color:#d0e1ed}.l51-stats strong{display:block;font-size:13px;color:#fff;overflow-wrap:anywhere}
.l51-graph{border-radius:12px;overflow:hidden;border:1px solid #446881;background:#0c2434}.l51-graph svg{width:100%;height:auto;display:block}
.l51-switch{cursor:pointer}.l51-switch:focus{outline:none}.l51-switch.chosen rect{stroke-width:4}
.l51-note{color:#bdd2e0;font-size:12px;line-height:1.5}
.l51-selection,.l51-notice{background:#1b3d50;border:1px solid #496d82;padding:10px;border-radius:8px}
.l51-panel{border:1px solid #41677d;border-radius:10px;background:#142e40;padding:12px}.l51-panel h4{margin:0 0 10px;font-size:16px}
.l51-panel details{margin-top:12px;border:1px dashed #55798a;border-radius:7px;padding:9px}.l51-panel summary,.l51-log summary{font-weight:700;cursor:pointer;min-height:30px}
.l51-fact{margin:7px 0;padding:9px;background:#0b2334;border-radius:6px;border:1px solid #35576f;overflow-wrap:anywhere}
.l51-small{color:#b8cedd;font-size:12px;margin:4px 0}.l51-hazard{margin:10px 0}.l51-hazard button{background:#55353e;border-color:#af757f}
.l51-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.l51-checks div{border:1px solid #47647b;border-radius:7px;padding:8px;color:#c4d2dd}.l51-checks .ok{border-color:#5f9b85;background:#1f483f;color:#e8fff6}
.l51-log{border:1px solid #446881;border-radius:8px;padding:10px}.l51-log ol{margin:7px 0 0;padding-left:20px}.l51-log li{padding:4px 0;overflow-wrap:anywhere}
.l51-result{border:1px solid #61a894;background:#1d5043;border-radius:8px;padding:12px}.l51-result h4,.l51-result p{margin:2px 0}
@media(max-width:500px){.l51-stats{grid-template-columns:1fr 1fr}.l51-checks{grid-template-columns:1fr}.l51-graph svg{min-width:0}.l51-actions button{flex-basis:125px}}