/* Shared control explanations for the six specialist pages. */
.specialist-safety.clear-controls{padding:72px max(5vw,24px)!important;box-sizing:border-box}
.clear-controls>.pipe-section-title{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)!important;grid-template-rows:auto auto;column-gap:64px;row-gap:16px;align-items:center!important;margin-bottom:36px!important;min-height:160px}
.clear-controls>.pipe-section-title>p{grid-column:1;grid-row:1;align-self:end;margin:0!important}
.clear-controls>.pipe-section-title>span{grid-column:1;grid-row:2;align-self:start;margin:0!important;line-height:1.8}
.clear-controls>.pipe-section-title>h2{grid-column:2;grid-row:1 / 3;align-self:center!important;margin:0!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:normal!important;font-size:clamp(28px,3.1vw,56px)!important;text-align:right}
.control-scenarios{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px}
.control-scenarios button{border:1px solid #ccd1d8;background:#fff;color:#59616c;padding:11px 18px;min-height:44px;font:600 14px/1.4 inherit;cursor:pointer;border-radius:5px;transition:background .18s,color .18s}
.control-scenarios button[aria-pressed=true]{background:#b9362e;border-color:#b9362e;color:#fff}
.control-scenarios small{margin-left:auto;color:#7b838d;font-size:12px;line-height:1.7}
.clear-controls .specialist-safety-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.clear-controls .specialist-safety-card{padding:26px!important;min-width:0;display:flex;flex-direction:column;border:1px solid #cbd0d7;background:#ffffff80;box-shadow:none;transform:none!important}
.clear-controls .specialist-safety-card>span{font:12px monospace;color:#b9362e}
.control-explainer{margin:22px 0 26px;padding:20px 16px;background:#f0f2f5;border:1px solid #e0e3e8;border-radius:7px;text-align:center;min-height:202px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}
.control-symbol{display:flex;gap:8px;align-items:center;color:#717a86;font-size:11px;letter-spacing:.04em;margin-bottom:16px}
.control-symbol svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.control-condition{font-size:15px;line-height:1.5;font-weight:650;color:#303946}
.control-arrow{font-size:21px;color:#a6adb7;line-height:1;margin:10px 0}
.control-response{font-size:15px;line-height:1.5;font-weight:700;color:#b9362e}
.clear-controls .specialist-safety-card>h3{font-size:clamp(19px,1.4vw,26px)!important;line-height:1.45;margin:0 0 14px!important}
.clear-controls .specialist-safety-card>p{font-size:15px!important;line-height:1.85;margin:0!important;color:#626b77}
.control-scenarios button:focus-visible{outline:2px solid #b9362e;outline-offset:3px}
@media(max-width:1200px){.clear-controls .specialist-safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clear-controls>.pipe-section-title{column-gap:32px}.control-explainer{min-height:182px}}
@media(max-width:760px){.specialist-safety.clear-controls{padding:48px 24px!important}.clear-controls>.pipe-section-title{grid-template-columns:1fr!important;min-height:0;gap:18px}.clear-controls>.pipe-section-title>p,.clear-controls>.pipe-section-title>span,.clear-controls>.pipe-section-title>h2{grid-column:1;grid-row:auto;align-self:auto!important;text-align:left}.clear-controls>.pipe-section-title>h2{font-size:30px!important}.clear-controls>.pipe-section-title>span{grid-row:3}.control-scenarios small{margin-left:0;flex-basis:100%}.clear-controls .specialist-safety-grid{grid-template-columns:1fr}.clear-controls .specialist-safety-card{padding:24px!important}.control-explainer{min-height:168px;margin:18px 0 22px}.clear-controls .specialist-safety-card>h3{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){.control-scenarios button{transition:none}}

/* Equipment miniatures replace the text-heavy flow blocks. */
.control-scene{padding:8px 10px 14px;min-height:238px;gap:0;overflow:hidden}
.control-scene-svg{display:block;width:100%;height:170px;flex:none;fill:none;stroke:#84909d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.control-scene .control-condition{font-size:12px!important;font-weight:400;line-height:1.5;color:#77828f;margin:0 0 5px}
.control-scene .control-response{font-size:14px!important;line-height:1.5}
.mini-body{fill:#fff;stroke:#929eaa}.mini-pipe{fill:#e7ebef}.mini-heater,.mini-banks{stroke:#bd3b31;stroke-width:3;fill:none}
.mini-flow{stroke:#a1b3c2;stroke-width:3;stroke-dasharray:5 11;animation:mini-flow 1.3s linear infinite}
.mini-fan{fill:#a5b1bc;stroke:#7c8d9d;animation:mini-spin 3s linear infinite}.mini-hub{fill:#748696;stroke:none}
.mini-loads{fill:#b4c0cb;stroke:#8796a6;animation:mini-travel 2.4s linear infinite}
.mini-belt-line{stroke-dasharray:3 8;animation:mini-flow 1s linear infinite}
.mini-alarm{fill:#c8d1d9;stroke:#a5b0ba}.mini-therm{stroke:#bb3a30;stroke-width:5}.mini-temperature{fill:#bb3a30;stroke:none}
.mini-needle{stroke:#bd3b31;stroke-width:3;animation:mini-gauge 4s ease-in-out infinite}
.mini-banks path{animation:mini-stage 3s ease-in-out infinite}.mini-banks path:nth-child(2){animation-delay:.5s}.mini-banks path:nth-child(3){animation-delay:1s}
.mini-liquid{fill:#afc4d1;stroke:none;transform-origin:150px 148px;transition:transform .5s}.mini-stop{fill:#bd3b31;stroke:#9f312b}.mini-contact{stroke:#829d91;stroke-width:3;transform-origin:124px 101px;transition:transform .4s}.mini-door{fill:#e1e7ed;transition:transform .4s;transform-origin:87px 96px}
.clear-controls[data-scenario="1"] .mini-heater{stroke:#c4ccd3}
.clear-controls[data-scenario="1"] .mini-flow,.clear-controls[data-scenario="1"] .mini-fan,.clear-controls[data-scenario="1"] .mini-loads,.clear-controls[data-scenario="1"] .mini-belt-line{animation-play-state:paused;opacity:.45}
.clear-controls[data-scenario="1"] .mini-alarm{fill:#c83d32;stroke:#c83d32;animation:mini-signal 2s ease-in-out infinite}
.clear-controls[data-scenario="1"] .mini-contact{transform:rotate(-28deg);stroke:#bd3b31}
.clear-controls[data-scenario="1"] .mini-liquid{transform:scaleY(.25)}
.clear-controls[data-scenario="1"] .mini-door{transform:translateX(-12px) skewY(-8deg)}
.clear-controls[data-scenario="1"] .mini-needle{animation:none;transform:rotate(32deg)}
.clear-controls:not(.scene-in-view) .control-scene-svg *{animation-play-state:paused!important}
@keyframes mini-flow{to{stroke-dashoffset:-32}}@keyframes mini-spin{to{transform:rotate(360deg)}}@keyframes mini-travel{to{transform:translateX(55px)}}@keyframes mini-gauge{50%{transform:rotate(-14deg)}}@keyframes mini-stage{50%{opacity:.25}}@keyframes mini-signal{50%{opacity:.5}}
@media(max-width:760px){.control-scene-svg{height:185px}.control-scene{min-height:248px}.clear-controls .specialist-safety-card>p{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.control-scene-svg *{animation:none!important;transition:none!important}}

/* Unified containment and visible state feedback for all 48 illustrations. */
.mini-heater{stroke-width:1.8;animation:mini-heat 3.4s ease-in-out infinite}.mini-terminal{fill:#e2e7eb;stroke:#8996a4}.mini-brace{stroke:#8996a4;stroke-width:1.4}.mini-fin{stroke:#aa6760;stroke-width:1.2}
.mini-banks path{animation:none}.mini-banks>g{animation:mini-stage 3s ease-in-out infinite}.mini-banks>g:nth-child(2){animation-delay:.5s}.mini-banks>g:nth-child(3){animation-delay:1s}
.mini-state-light{fill:#839e90;stroke:none;animation:mini-status 3s ease-in-out infinite}.mini-monitor{stroke:#9aafbe;stroke-width:2;stroke-dasharray:16 216;animation:mini-monitor 3s linear infinite;opacity:.5}
.mini-therm{animation:mini-temperature 4s ease-in-out infinite}.mini-liquid{animation:mini-level 4s ease-in-out infinite}.mini-door{animation:mini-door-check 4s ease-in-out infinite}
.clear-controls[data-scenario="1"] .mini-heater{animation:none;stroke:#b9c2ca}.clear-controls[data-scenario="1"] .mini-fin{stroke:#b9c2ca}
.clear-controls[data-scenario="1"] .mini-state-light{fill:#bc3b31;animation:mini-signal 2s ease-in-out infinite}
.clear-controls[data-scenario="1"] .mini-monitor{stroke:#bc3b31;animation-duration:2s}
.clear-controls[data-scenario="1"] .mini-liquid{animation:mini-low-level 3s ease-in-out infinite}
.clear-controls[data-scenario="1"] .mini-door{animation:mini-open-door 4s ease-in-out infinite}
@keyframes mini-heat{50%{stroke:#d76b58}}@keyframes mini-status{50%{opacity:.45}}@keyframes mini-monitor{to{stroke-dashoffset:-232}}@keyframes mini-temperature{50%{stroke:#dc7561}}@keyframes mini-level{50%{opacity:.65}}@keyframes mini-low-level{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(.32)}}@keyframes mini-door-check{50%{stroke:#6e8c7c}}@keyframes mini-open-door{0%,100%{transform:translateX(-12px) skewY(-8deg)}50%{transform:translateX(-18px) skewY(-12deg)}}
@media(prefers-reduced-motion:reduce){.control-scene-svg *{animation:none!important;transition:none!important}}