/* Molecular shapes are schematic; explanatory prose belongs in the inspector. */
.engineering-scene{position:relative;isolation:isolate;width:100%;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#fff 30%,#f7f9fa 100%);border-radius:inherit;touch-action:pan-y}
.engineering-scene-svg{display:block;width:100%;height:auto;min-height:300px;max-height:620px;aspect-ratio:1000/560;overflow:hidden}
.engineering-scene [data-machinery]{cursor:help;outline:none}
.engineering-scene [data-machinery]:focus-visible{filter:drop-shadow(0 0 3px #394daa)}
.engineering-scene [data-machinery]:focus-visible>path:first-child,.engineering-scene [data-machinery]:focus-visible>ellipse:first-child,.engineering-scene [data-machinery]:focus-visible>rect:first-child{stroke:#354bae;stroke-width:4}
.eng-backbone{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.eng-backbone-a{stroke:#b8914b}.eng-backbone-b{stroke:#dfc28a}
.engineering-scene-label{position:absolute;z-index:3;pointer-events:none;max-width:calc(100% - 16px);padding:7px 11px;border:1px solid #d8e0e6;border-left:4px solid var(--machine-color,#4653ba);border-radius:8px;background:#fff;box-shadow:0 5px 18px #27364512;font-family:'DM Sans',system-ui,sans-serif;font-size:13px;font-weight:650;line-height:1.4;color:#24333d;overflow-wrap:anywhere}
.engineering-scene-label[hidden]{display:none}
@media(max-width:600px){.engineering-scene-svg{min-height:290px;max-height:420px}.engineering-scene-label{font-size:12px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.engineering-scene *{transition:none!important;animation:none!important}}