/* ES01B — scoped technology cards and installation models. */
.es01b-catalog,.es01b-system{--es-line:#285d73;--es-muted:#9abcca;--es-cyan:#79e7fc;--es-green:#7fefbd;--es-bg:#041c29;color:#e8f7ff;font-family:'Chakra Petch',sans-serif}
.es01b-catalog *,.es01b-system *{box-sizing:border-box}
.es01b-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px}
.es01b-tech-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--es-line);background:linear-gradient(140deg,#0c3042,#041924 75%);position:relative;overflow:hidden}
.es01b-tech-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--es-cyan),transparent)}
.es01b-tech-card:nth-child(2n)::before{background:linear-gradient(90deg,var(--es-green),transparent)}
.es01b-tech-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 0;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--es-cyan)}
.es01b-tech-art{position:relative;display:flex;align-items:center;justify-content:center;height:260px;gap:12px;margin:8px 12px 0;min-width:0;text-decoration:none;background:radial-gradient(ellipse at 50% 65%,#16476077,transparent 70%)}
.es01b-tech-art img{display:block;min-width:0;width:48%;height:215px;object-fit:contain;transition:transform .22s ease}
.es01b-tech-art img.es01b-cabinet{width:38%;height:230px}.es01b-tech-art img.es01b-companion{width:34%;height:150px;align-self:flex-end;margin-bottom:30px}
.es01b-tech-art:hover img{transform:translateY(-3px)}
.es01b-art-caption{position:absolute;bottom:0;left:10px;right:10px;display:flex;justify-content:space-between;border-bottom:1px solid #285d7380;padding:10px 0;font-size:10px;letter-spacing:.12em;color:#a4d9e8}
.es01b-tech-copy{padding:20px 22px 8px}.es01b-tech-copy h3{font-family:'Chakra Petch',sans-serif!important;font-size:25px!important;line-height:1.18!important;margin:0 0 8px!important;color:#f0fbff!important}.es01b-tech-copy>small{display:block;font-size:11px;color:var(--es-muted);overflow-wrap:anywhere}
.es01b-tech-copy p{font-size:14px;line-height:1.55;color:#b4d0df;margin:12px 0 8px;max-width:65ch}
.es01b-tech-metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr;margin:auto 22px 0;border-top:1px solid var(--es-line);border-bottom:1px solid var(--es-line)}
.es01b-tech-metrics>div{padding:14px 12px;min-width:0}.es01b-tech-metrics>div:first-child{padding-left:0}.es01b-tech-metrics>div+div{border-left:1px solid var(--es-line)}
.es01b-tech-metrics dt{font-size:11px;color:var(--es-muted);font-weight:400;margin-bottom:5px}.es01b-tech-metrics dd{font-family:Orbitron,sans-serif;color:var(--es-cyan);font-size:22px;margin:0;line-height:1.3}.es01b-tech-metrics dd small{font:11px 'Chakra Petch',sans-serif;color:var(--es-muted)}
.es01b-tech-meta{padding:12px 22px 0;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--es-muted)}
.es01b-tech-actions{padding:18px 22px;display:flex;flex-wrap:wrap;gap:10px}
.es01b-system{margin:22px 0;border:1px solid var(--es-line);background:var(--es-bg);min-width:0;container:es-system / inline-size;scroll-margin-top:100px}
.es01b-system-head{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#123549,#061e2c);border-top:2px solid var(--es-cyan);border-bottom:1px solid var(--es-line)}
.es01b-kicker{font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--es-cyan)}
.es01b-system h2{font:600 26px/1.2 'Chakra Petch',sans-serif!important;color:#f2fbff!important;margin:6px 0!important}.es01b-system-head p{margin:0;color:#b0cbd9;font-size:13px;line-height:1.5}
.es01b-model-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid #285d7366}
.es01b-tabs{display:flex;border:1px solid var(--es-line);gap:4px;padding:4px;max-width:100%}
.es01b-tabs button{appearance:none;border:1px solid transparent;background:transparent;color:#9fc4d4;padding:10px 22px;min-height:44px;font:600 14px 'Chakra Petch',sans-serif;text-align:left;cursor:pointer;min-width:0}
.es01b-tabs button span{display:block;font-size:11px;font-weight:400;margin-top:3px}.es01b-tabs button[aria-selected=true]{border-color:#50abc2;background:linear-gradient(110deg,#185066,#0b3244);color:#e7fbff}
.es01b-motion{border:1px solid #39677b;background:#092b3b;color:#b5ecff;padding:9px 13px;min-height:42px;font:13px 'Chakra Petch',sans-serif;cursor:pointer}
.es01b-system [hidden]{display:none!important}.es01b-system button:focus-visible,.es01b-system a:focus-visible,.es01b-tech-card a:focus-visible{outline:2px solid #aeecff;outline-offset:3px}
.es01b-installation{display:grid;grid-template-columns:minmax(210px,.75fr) 110px minmax(0,2fr);align-items:stretch;padding:24px;position:relative;min-width:0;background:radial-gradient(ellipse at 20% 45%,#103d5033,transparent 65%)}
.es01b-installation button{appearance:none;min-width:0;border:1px solid #2c566a80;background:#05223180;color:#d7f4ff;padding:10px 12px 8px;font:14px 'Chakra Petch',sans-serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;text-align:left}
.es01b-installation button:hover,.es01b-installation button[aria-expanded=true]{border-color:#78dcec;background:#0d344680}
.es01b-node-label{width:100%;font-weight:500;display:flex;align-items:center;gap:9px;font-size:13px;min-height:30px}.es01b-node-label b{font:10px Orbitron,sans-serif;color:var(--es-green);border:1px solid #3f796d;padding:5px}.es01b-node-label i{margin-left:auto;font-style:normal;color:var(--es-cyan)}
.es01b-installation img{width:100%;height:250px;display:block;object-fit:contain;margin:8px 0;min-width:0}.es01b-unit img{height:250px}.es01b-node-foot{font-size:11px;color:var(--es-muted);text-align:center;padding:6px 0;line-height:1.4;margin-top:auto}
.es01b-connection-label{align-self:center;text-align:center;color:var(--es-green);font-size:12px;position:relative;z-index:1;transform:translateY(-18px);padding:0 6px;pointer-events:none}.es01b-connection-label small{display:block;font-size:10px;color:#90bcb1;margin-top:4px}
.es01b-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.es01b-connections path{fill:none;stroke-linejoin:round;stroke-linecap:round}.es01b-pipe-shell{stroke:#356b73;stroke-width:11}.es01b-pipe{stroke:#072e38;stroke-width:7}.es01b-flow{stroke:#82efb7;stroke-width:3;stroke-dasharray:7 17;animation:es01b-flow 1.1s linear infinite}.es01b-joint{fill:#b6f4e0;stroke:#2d6a71;stroke-width:3}
@keyframes es01b-flow{to{stroke-dashoffset:-24}}
.es01b-system.is-paused .es01b-flow{animation-play-state:paused}
.es01b-process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#285d7366;margin:0 24px;border:1px solid #285d7366}.es01b-process-steps>span{background:#082331;padding:13px;font-size:12px;color:#b8d6e3;display:flex;align-items:center;gap:9px}.es01b-process-steps b{font:10px Orbitron,sans-serif;color:var(--es-green)}
.es01b-system-note{display:flex;justify-content:space-between;gap:12px;margin:0;padding:14px 24px;font-size:11px;color:var(--es-muted)}.es01b-system-note p{margin:0}.es01b-system-note summary{color:#9edbeb;cursor:pointer}.es01b-system-note details{max-width:70ch}.es01b-system-note details p{margin-top:10px;line-height:1.5}
.es01b-inspection{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:18px;padding:20px 24px;border-top:1px solid #378788;border-bottom:1px solid #378788;background:#0a343e;margin-top:18px}.es01b-inspection h3{font:500 21px 'Chakra Petch',sans-serif;margin:5px 0;color:#edfbff}.es01b-inspection p{font-size:13px;color:#b7d4df;line-height:1.5;margin:0}.es01b-inspection button{border:1px solid #42727c;background:transparent;color:#b7eaf6;font-size:22px;min-height:36px;cursor:pointer}
.es01b-record-strip{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));border-top:1px solid var(--es-line);background:#0a2938}.es01b-record-strip>div,.es01b-record-strip>a{padding:16px 24px;min-width:0;color:#daf5ff;text-decoration:none}.es01b-record-strip>a{border-left:1px solid var(--es-line)}.es01b-record-strip>a:hover{background:#103a4d}.es01b-record-strip span{display:block;font-size:11px;color:var(--es-muted);margin-bottom:6px}.es01b-record-strip strong{display:block;font:500 18px 'Chakra Petch',sans-serif;overflow-wrap:anywhere}.es01b-record-strip b{float:right;font-size:12px;color:var(--es-cyan)}
.es01b-evidence-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid var(--es-line);font-size:12px;color:#96bacb}.es01b-evidence-footer p{margin:0}.es01b-evidence-footer a{color:#a5e2f3}
.es01b-system .art-unavailable img{display:none}.es01b-installation .art-unavailable::after{content:'Artwork unavailable';display:grid;place-items:center;min-height:200px;color:#97bdcc}
@container es-system (max-width:900px){.es01b-installation{grid-template-columns:minmax(180px,.9fr) 82px minmax(0,1.5fr);padding:18px}.es01b-installation img{height:210px}.es01b-process-steps{margin:0 18px}.es01b-record-strip>div,.es01b-record-strip>a{padding:14px}.es01b-system-head{padding:20px}.es01b-system-head h2{font-size:24px!important}.es01b-system-head{flex-wrap:wrap}}
@container es-system (max-width:640px){.es01b-model-bar{padding:12px;gap:10px;flex-wrap:wrap}.es01b-tabs{flex:1}.es01b-tabs button{padding:8px 14px;flex:1}.es01b-installation{grid-template-columns:minmax(0,1fr);padding:14px;gap:0}.es01b-installation img{height:220px}.es01b-connection-label{height:75px;transform:none;display:flex;align-items:center;justify-content:center;flex-direction:column;align-self:stretch;justify-self:center;margin-left:120px}.es01b-unit,.es01b-host{width:100%}.es01b-process-steps{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 14px}.es01b-process-steps>span{font-size:11px;padding:12px 9px}.es01b-system-note{padding:14px;flex-wrap:wrap}.es01b-record-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.es01b-record-strip>a:nth-child(3){border-left:0}.es01b-record-strip>:nth-child(n+3){border-top:1px solid var(--es-line)}.es01b-evidence-footer{padding:14px;flex-wrap:wrap}.es01b-inspection{padding:16px;grid-template-columns:1fr 30px}.es01b-inspection>div{grid-column:1}.es01b-inspection>a{grid-column:1}.es01b-inspection>button{grid-column:2;grid-row:1}}
@media(max-width:1050px){.es01b-catalog{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.es01b-catalog{padding:12px;gap:14px}.es01b-tech-top{padding:14px 14px 0;font-size:9px}.es01b-tech-art{height:220px;margin-inline:8px}.es01b-tech-art img{height:175px}.es01b-tech-art img.es01b-cabinet{height:190px}.es01b-tech-art img.es01b-companion{height:120px}.es01b-tech-copy{padding:18px 14px 8px}.es01b-tech-copy h3{font-size:23px!important}.es01b-tech-metrics{margin-inline:14px}.es01b-tech-metrics>div{padding:12px 8px}.es01b-tech-metrics dt{font-size:10px}.es01b-tech-metrics dd{font-size:18px}.es01b-tech-metrics dd small{display:block;margin-top:3px}.es01b-tech-meta{padding-inline:14px}.es01b-tech-actions{padding:14px}.es01b-tech-actions a{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.es01b-flow{animation:none}.es01b-tech-art img{transition:none}}

/* Approved process scene, scoped to the technology page. */
#technology-process-es01b{width:100%;margin:0;--npl-bg:#031722;--npl-cyan:#84e5fc;--npl-copy:#b7d0dc;font-family:'Chakra Petch',sans-serif;color:#ecfaff;container:process-flow / inline-size}
#technology-process-es01b *{box-sizing:border-box}#technology-process-es01b .npl-window{width:100%;overflow:hidden;background:var(--npl-bg);border:1px solid #376a80;position:relative}
#technology-process-es01b .npl-header{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;background:linear-gradient(100deg,#123549,#071f2c);border-bottom:1px solid #295569}
#technology-process-es01b .npl-kicker{font-size:10px;letter-spacing:.1em;color:#86dff7;margin:0 0 4px;font-weight:500}#technology-process-es01b .npl-kicker span{color:#4d788c;margin:0 7px}#technology-process-es01b h2{font:500 21px/1.2 'Chakra Petch',sans-serif;letter-spacing:.01em;color:#eefbff;margin:0}
#technology-process-es01b .npl-controls{display:flex;gap:8px;flex-wrap:wrap}#technology-process-es01b button{font:500 12px 'Chakra Petch',sans-serif;display:flex;align-items:center;gap:12px;min-height:38px;padding:8px 12px;border:1px solid #468da4;background:linear-gradient(100deg,#10394e,#082633);color:#c4f4ff;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);cursor:pointer}#technology-process-es01b button:hover{background:#174961}#technology-process-es01b button span{color:#70dffb;font-size:15px}#technology-process-es01b button:disabled{opacity:.5;cursor:default}
#technology-process-es01b .npl-stage{position:relative;background:#031722}#technology-process-es01b canvas{width:100%;display:block;aspect-ratio:1600/580}#technology-process-es01b[data-scene=event] canvas{aspect-ratio:1600/360}
#technology-process-es01b .npl-loading{position:absolute;inset:0;display:grid;place-items:center;background:#031722;color:#90cfe4;font-size:14px}#technology-process-es01b .npl-loading[hidden]{display:none}
#technology-process-es01b .npl-equipment-links{position:absolute;inset:0;pointer-events:none}#technology-process-es01b .npl-equipment-links a{position:absolute;pointer-events:auto;border:1px solid transparent;border-radius:8px;text-decoration:none;color:#cbf3ff;outline-offset:-2px}#technology-process-es01b .npl-equipment-links a:hover,#technology-process-es01b .npl-equipment-links a:focus-visible{border-color:#88e3f7;background:#89e4fa0a;outline:1px solid #84e5fc}#technology-process-es01b .npl-equipment-links a>span{position:absolute;bottom:3px;left:4px;right:4px;background:#041d2bed;border:1px solid #4b899b;padding:6px 9px;font-size:11px;line-height:1.3;opacity:0;overflow-wrap:anywhere}#technology-process-es01b .npl-equipment-links a:hover>span,#technology-process-es01b .npl-equipment-links a:focus-visible>span{opacity:1}
#technology-process-es01b .npl-footer{border-top:1px solid #285268;padding:10px 20px;background:linear-gradient(100deg,#09283a,#061e2b)}#technology-process-es01b .npl-time-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a9c9d9;font-size:11px;line-height:1.4}#technology-process-es01b .npl-state{color:#9eeafb;font-size:13px}#technology-process-es01b .npl-time-row label{white-space:nowrap;font-variant-numeric:tabular-nums}#technology-process-es01b input[type=range]{display:block;width:100%;height:16px;margin:5px 0;accent-color:#8de5f8;background:transparent}
#technology-process-es01b .npl-footer-meta{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 20px}#technology-process-es01b .npl-footer-meta p,#technology-process-es01b .npl-footer-meta>span{font-size:11px;line-height:1.4;color:#8bacbd;margin:0}#technology-process-es01b .npl-footer-meta>span{color:#9eeaff}#technology-process-es01b .npl-replay-reason{margin:8px 0 0;color:#d9c393;font-size:12px;line-height:1.5}
#technology-process-es01b .npl-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#082333;border-top:1px solid #285268}#technology-process-es01b .npl-readings>div{padding:10px 18px;min-width:0}#technology-process-es01b .npl-readings>div+div{border-left:1px solid #285268}#technology-process-es01b .npl-readings span{display:block;font-size:11px;color:#abcbd9;margin-bottom:3px}#technology-process-es01b .npl-readings strong{font:500 20px Orbitron,sans-serif;color:#e9fbff}#technology-process-es01b .npl-readings small{font:500 11px 'Chakra Petch',sans-serif;color:#acc9d6}#technology-process-es01b .npl-readings span small{margin-left:5px;color:#d7c592}#technology-process-es01b .npl-readings .npl-unrecorded{font:500 16px 'Chakra Petch',sans-serif}
.processing-receipt-page .pd-receipt[data-flow-scene=water] #technology-process-es01b{margin:0}.processing-receipt-page .pd-receipt[data-flow-scene=water] .npl-window{border:0}
@container process-flow (max-width:600px){#technology-process-es01b .npl-header,#technology-process-es01b .npl-footer{padding:12px 14px}#technology-process-es01b button{min-height:44px}#technology-process-es01b .npl-readings{grid-template-columns:repeat(2,minmax(0,1fr))}#technology-process-es01b .npl-readings>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #285268;display:flex;align-items:center;justify-content:space-between;gap:10px}#technology-process-es01b .npl-readings>div:last-child span{margin:0}}

@container process-flow (max-width:600px){#technology-process-es01b .npl-controls:has([data-end]){display:grid;grid-template-columns:1fr 1fr 1.5fr;width:100%;gap:6px}#technology-process-es01b .npl-controls:has([data-end]) button{min-width:0;padding-inline:8px;justify-content:center;gap:6px;font-size:11px}}

#technology-process-es01b .npl-window{border:0}#technology-process-es01b .npl-footer-meta a{font-size:11px;color:#9eeaff}#technology-process-es01b.art-unavailable .npl-equipment-links{display:none}

/* Keep tab labels and step numbers intact on narrow layouts. */
.es01b-process-steps b{flex:none;white-space:nowrap}
@container es-system (max-width:640px){.es01b-tabs{flex:0 0 100%;width:100%}.es01b-tabs button{white-space:nowrap}.es01b-tabs button span{white-space:normal}.es01b-motion{margin-left:auto}.es01b-model-bar{gap:8px}.es01b-system h2{overflow-wrap:normal}}