/* ES18 refinement of the ES17 body composition. Shared header, summary and blueprint button owners stay authoritative. */
.is6-page{gap:1.15rem;--is6-muted:#b4cfdd;--is6-edge:#34667e}
.is6-page .eco-command-header{margin-bottom:0!important}.is6-page>.eco-command-summary-panel{margin-block:0!important}
.is17-register{display:grid;gap:1rem;container-type:inline-size}.is17-system{--is17-accent:#58d8ff;position:relative;display:grid;grid-template-columns:minmax(13rem,27%) minmax(0,1fr) 12rem;gap:1.5rem;align-items:center;min-width:0;padding:1rem 1.5rem 1rem .75rem;border:1px solid #356981;border-left:3px solid var(--is17-accent);background:radial-gradient(ellipse at 15% 60%,#237eac33,transparent 48%),linear-gradient(115deg,#0c2d42,#082033 65%,#061a29);box-shadow:inset 0 1px #b5f3ff28,inset 0 -1px #0008,0 12px 28px #0004;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.is17-system[data-application=REACTOR_HHO]{--is17-accent:#e7bf70}.is17-system[data-application=MANURE_TREATMENT]{--is17-accent:#7ee5b3}
.is17-system:after{content:"";position:absolute;inset:7px;pointer-events:none;border-block:1px solid #82d2f01b}
.is17-system-art{position:relative;display:block;height:15rem;min-height:0;min-width:0;width:100%;isolation:isolate;align-self:center}.is17-system-art:before{content:"";position:absolute;inset:65% 5% 3%;border:1px solid #65d7f539;border-radius:50%;background:radial-gradient(ellipse,#318dac33,transparent 68%);transform:rotate(-5deg);box-shadow:0 0 0 10px #53cceb06}
.is6-page .is17-system-art>img{position:absolute;inset:.45rem .35rem;display:block;box-sizing:border-box;width:calc(100% - .7rem);height:calc(100% - .9rem);inline-size:calc(100% - .7rem);block-size:calc(100% - .9rem);min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;object-position:center;aspect-ratio:auto;margin:0;padding:0;z-index:1;transition:filter .25s}.is17-system:hover .is17-system-art img{filter:brightness(1.06)}
.is17-system-copy{min-width:0}.is17-system .is6-card-top{padding:0;margin-bottom:.65rem;align-items:center}.is17-system h2{font-family:"Eco Workspace Display 78","Exo 2",sans-serif;font-size:clamp(1.25rem,1.85cqw,1.7rem);text-wrap:pretty}.is17-system-copy>p{font-size:.95rem;max-width:63ch;margin:.65rem 0 1rem}.is17-system .is6-status{color:var(--is17-accent);border-color:#668a9d77;background:#0b2232;font-size:.72rem}
.is17-system .is6-card-facts{display:grid;grid-template-columns:1fr 1.25fr .7fr;gap:1rem;border-top:1px solid #47738b55;padding-top:.8rem;margin:0}.is17-system .is6-card-facts dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.is17-system .is6-card-facts dd{font-size:.88rem;color:#dbf3fc;line-height:1.45}.is17-system-action{display:flex;justify-content:center;align-items:center;min-width:0}.is17-system-action .eco-button{width:auto!important;max-width:100%!important}
.is17-context{display:grid;grid-template-columns:1.15fr 1fr;gap:1rem}.is6-page .is6-panel{position:relative;background:linear-gradient(120deg,#102f44,#092234 75%);border-color:#3c657d;border-top-color:#6c9aad;box-shadow:inset 0 1px #b6edff10,0 6px 18px #0002;padding:1.3rem 1.5rem}.is6-panel>h2{font-size:1.35rem}.is6-page .is6-specs,.is6-page .sp7-facts{gap:.9rem 1.5rem}.is6-page :is(.is6-specs,.sp7-facts) dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.is6-page :is(.is6-specs,.sp7-facts) dd{font-size:1rem;line-height:1.45}.is6-page .is6-stages{display:grid;gap:0;counter-reset:stage;list-style:none;padding:0;margin:.8rem 0}.is6-stages li{counter-increment:stage;display:flex;gap:.9rem;align-items:center;border-top:1px solid #41647655;padding:.7rem 0}.is6-stages li:before{content:counter(stage,decimal-leading-zero);font:600 1.2rem "Chakra Petch",sans-serif;color:#7be8ef}.is6-page .is6-row{padding:1rem .25rem;gap:1.3rem}.is6-page .is6-asset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;margin-top:.75rem}.is6-page .is6-row .is6-eyebrow{margin:0 0 .3rem}.is6-page .is6-row h3{margin-bottom:.25rem}.is6-page small{font-size:.8rem}.is6-page .is6-toolbar{padding:.6rem 0}.is6-panel summary{font-family:"Chakra Petch",sans-serif;font-weight:600;color:#def6ff;line-height:1.5;list-style-position:outside}.is6-panel summary::marker{color:#69dbef}.is6-panel[open]>summary{border-bottom:1px solid #376078;padding-bottom:.8rem;margin-bottom:.8rem}.is6-page .sp7-row{background:linear-gradient(100deg,#12334877,transparent);border-bottom:1px solid #3d617455;padding:.9rem;gap:1rem}.is6-page .sp7-inline{gap:.7rem}.is6-page .sp7-kicker{font-size:.76rem}.is6-page .sp7-row p,.is6-page .sp7-facts{font-size:.94rem}.is6-page .sp7-row-art{width:7rem;height:5rem;object-fit:contain}.is6-page .sp7-timeline li{padding-block:.8rem}.is6-page :is(input,select,textarea){color-scheme:dark}
/* One coherent scene + instrument bay, with no empty output placeholder. */
.is17-performance{color:#eefaff;border:1px solid #396d86;background:#071d2c;box-shadow:inset 0 1px #b9f4ff33,0 14px 30px #0004;container-type:inline-size;min-width:0;margin-block:.3rem 1rem;overflow:clip}.is17-performance *{box-sizing:border-box;min-width:0}.is17-performance [hidden]{display:none!important}.is17-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 1.35rem;border-bottom:1px solid #396579;background:linear-gradient(105deg,#123c50,#092337)}.is17-heading h2{font:700 clamp(1.1rem,1.8cqw,1.5rem)/1.25 "Chakra Petch",sans-serif;margin:0}.is17-heading .is6-eyebrow{margin-bottom:.25rem}.is17-playback{display:flex;flex-wrap:wrap;gap:.5rem}.is17-performance-body{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(17rem,1fr)}
.is17-visual{position:relative;align-self:center;background:#071d2c;min-width:0}.is17-visual canvas{display:block;width:100%;height:auto;aspect-ratio:1000/590}.is17-visual-caption{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem 1rem .9rem;font:.78rem/1.5 "Chakra Petch",sans-serif;color:#b6d8e6}.is17-dot{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:#8bf0c6;margin-right:.4rem}.is17-loading{position:absolute;top:40%;left:10%;right:10%;text-align:center;color:#c9e5ef}.is17-hotspot{position:absolute;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid #88e6ed;background:#092c3edb;box-shadow:0 0 0 4px #69ddeb15;color:white!important;text-decoration:none;transform:translate(-50%,-50%);border-radius:50%;font:700 1rem "Chakra Petch",sans-serif}.is17-hotspot:hover{background:#17617b}.is17-hotspot:focus-visible{outline:3px solid #fff;outline-offset:4px}
.is17-readout{border-left:1px solid #386479;background:linear-gradient(155deg,#12364c,#092233 75%);padding:1.3rem;display:flex;flex-direction:column;justify-content:center;gap:.65rem}.is17-readout h3{font:700 1.35rem/1.25 "Chakra Petch",sans-serif;margin:0}.is17-readout .is6-eyebrow{margin:0}.is17-readout p{font:.87rem/1.5 "Chakra Petch",sans-serif;margin:0;color:#b7d3e1}.is17-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.35rem}.is17-inputs label{font:600 .85rem/1.4 "Chakra Petch",sans-serif;color:#e3f6fc}.is17-inputs label span{display:block;font-weight:400;font-size:.75rem;color:#b2c9d8}.is17-inputs input{display:block;width:100%;padding:.5rem .6rem;margin-top:.3rem;background:#041b2a;border:1px solid #548299;border-radius:0;color:#f1fcff;font:600 1rem "Chakra Petch",sans-serif;min-height:2.55rem}.is17-inputs .is17-price{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.is17-price span{grid-column:1;grid-row:2}.is17-price input{grid-column:2;grid-row:1/3;margin:0}.is17-inputs input:focus-visible{outline:2px solid #91eafa;outline-offset:2px}
.is17-range-label{display:flex;justify-content:space-between;font:.78rem "Chakra Petch",sans-serif;color:#bbd7e4}.is17-range-label output{color:#87f0d3;font-weight:700}.is17-performance input[type=range]{width:100%;accent-color:#7ee7d9;height:1.2rem;margin:0;cursor:pointer}.is17-comparison{display:grid;gap:.45rem}.is17-comparison>div:not(.is17-bar){display:flex;justify-content:space-between;gap:.7rem;font:500 .8rem "Chakra Petch",sans-serif;color:#c3dde9}.is17-comparison strong{color:#effaff;font-weight:600}.is17-bar{height:.6rem;background:#031823;border:1px solid #32566b;box-shadow:inset 0 2px 4px #0005;overflow:hidden;margin-bottom:.35rem}.is17-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#997144,#f0ce87);box-shadow:inset 0 1px #fff8;transition:width .22s}.is17-assisted i{background:linear-gradient(90deg,#218d94,#85edcf)}
.is17-savings{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;align-items:center;border-top:1px solid #4b7a8b;margin-top:.2rem;padding-top:.8rem}.is17-savings>span:first-child{font:600 .8rem "Chakra Petch",sans-serif;color:#9feacb}.is17-savings>strong{grid-column:2;grid-row:1/3;font:600 1.9rem "Chakra Petch",sans-serif;color:#a9f9d4;white-space:nowrap}.is17-savings small{font-size:.8rem}.is17-savings>span:last-child{font:.78rem/1.45 "Chakra Petch",sans-serif;color:#d8eff4}.is17-readout .is17-basis,.is17-basis{font:.78rem/1.5 "Chakra Petch",sans-serif;color:#a8c4d2;margin:.3rem 0 0}.is17-stage-list{display:grid;gap:.85rem;list-style:none;padding:0;margin:.2rem 0}.is17-stage-list li{display:flex;gap:.75rem;align-items:start}.is17-stage-list li>span{font:600 1.1rem "Chakra Petch",sans-serif;color:#74dbea;border:1px solid #366d81;padding:.4rem}.is17-stage-list strong{font:600 1.05rem "Chakra Petch",sans-serif}.is17-stage-list p{margin-top:.2rem}.is17-stage-status{border-top:1px solid #43788e;padding-top:.9rem;display:grid;gap:.3rem}.is17-stage-status>span{font-size:.75rem;text-transform:uppercase;color:#a8c6d7}.is17-stage-status>strong{font:600 1.4rem "Chakra Petch",sans-serif;color:#88ebcf}.is17-batch{margin:.3rem 0;display:grid;gap:.85rem}.is17-batch>div{border-bottom:1px solid #43697d66;padding-bottom:.7rem}.is17-batch dt{font-size:.85rem;color:#b9d5e4}.is17-batch dd{font:600 1.75rem "Chakra Petch",sans-serif;color:#edfbff;margin:.2rem 0 0}.is17-batch small{font-size:.8rem;margin-left:.5rem;color:#80ded7}
.is17-sequence{padding:.8rem 1.3rem;border-top:1px solid #416d83;background:#092739}.is17-sequence-label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.3rem;font:.84rem/1.4 "Chakra Petch",sans-serif}.is17-sequence-label strong{color:#c6f8ff}.is17-sequence-label span{color:#b4d0df}.is17-phase-buttons{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.6rem}.is17-phase-buttons>button{flex:1 1 8rem}.is17-phase-buttons>button[aria-current=step]{--eco-button-edge:#b5f8e3;--eco-button-fill:linear-gradient(135deg,#174b52,#082d3b)}.is17-linked{padding:.9rem 1.3rem;border-top:1px solid #355d74}.is17-linked summary{cursor:pointer;color:#c4e9f5;font:.88rem "Chakra Petch",sans-serif}.is17-equipment-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.is17-equipment-links>div{display:grid;gap:.4rem;align-content:start}.is17-equipment-links span{font-size:.8rem;color:#afcbd9;overflow-wrap:anywhere}.is17-equipment-links>div>div{display:flex;flex-wrap:wrap;gap:.4rem}.is17-performance :is(a,button):focus-visible{outline:2px solid #c8f8ff;outline-offset:3px}
@container(max-width:65rem){.is17-system{grid-template-columns:12rem minmax(0,1fr);gap:1rem}.is17-system-art{grid-row:1/3;height:13rem}.is17-system-action{grid-column:2;justify-content:start}.is17-system .is6-card-facts{grid-template-columns:1fr 1fr}.is17-performance-body{grid-template-columns:minmax(0,1.7fr) minmax(16rem,1fr)}.is17-readout{padding:1rem}.is17-visual-caption>span:last-child{display:none}.is17-heading{flex-wrap:wrap}}
@container(max-width:46rem){.is17-performance-body{grid-template-columns:1fr}.is17-readout{border-left:0;border-top:1px solid #3a6177;display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1rem}.is17-readout>:is(.is6-eyebrow,h3,p,.is17-stage-list,.is17-stage-status,.is17-batch){grid-column:1/-1}.is17-inputs{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr}.is17-inputs .is17-price{display:block;grid-column:auto}.is17-price input{margin-top:.3rem}.is17-range-label,.is17-readout>input[type=range],.is17-savings,.is17-comparison{grid-column:1/-1}.is17-stage-list{grid-template-columns:repeat(3,minmax(0,1fr))}.is17-stage-list li{display:block}.is17-stage-list li>span{display:inline-block;margin-bottom:.5rem}.is17-stage-list p{font-size:.82rem}.is17-batch{grid-template-columns:repeat(3,minmax(0,1fr))}.is17-batch dd{font-size:1.3rem}.is17-equipment-links{grid-template-columns:1fr}.is17-sequence-label{display:block}.is17-sequence-label span{display:block;margin-top:.2rem}}
@container(max-width:40rem){.is17-system{grid-template-columns:1fr;padding:1.1rem;gap:.7rem}.is17-system-art{grid-row:auto;height:12rem}.is17-system-action{grid-column:1}.is17-system-copy>p{font-size:.9rem}.is17-context,.is6-page .is6-asset-list{grid-template-columns:1fr}.is6-page .is6-panel{padding:1.1rem}.is17-heading{padding:1rem}.is17-performance .is17-playback{width:100%}.is17-performance .is17-playback>button{flex:1}.is17-visual-caption{font-size:.75rem}.is17-phase-buttons>button{font-size:.75rem!important}.is17-inputs{grid-template-columns:1fr 1fr}.is17-inputs .is17-price{grid-column:1/-1;display:grid}.is17-stage-list{grid-template-columns:1fr}.is17-stage-list li{display:flex}.is17-batch{grid-template-columns:1fr}.is17-hotspot{width:1.75rem;height:1.75rem}}
@media(prefers-reduced-motion:reduce){.is17-system-art img,.is17-bar i{transition:none!important}}@media print{.is17-playback,.is17-sequence,.is17-inputs,.is17-hotspots{display:none!important}.is17-performance-body{display:block}.is17-performance,.is6-page .is6-panel{break-inside:avoid}.is17-readout{border:0}.is17-performance{color:#111;background:white}}

.is17-hotspots{position:absolute;top:0;left:0;right:0;aspect-ratio:1000/590;pointer-events:none}.is17-hotspots .is17-hotspot{pointer-events:auto}.is17-asset-art{width:5rem;height:4.25rem;object-fit:contain;flex:0 0 5rem}.is6-page .is6-row>div.is17-asset-copy{flex:1}.is6-page .is6-row:has(.is17-asset-art){display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.5rem .9rem}.is6-page .is6-row:has(.is17-asset-art)>.eco-button{grid-column:2;justify-self:start;margin-top:.3rem}.is6-page .is6-row:has(.is17-asset-art)>.is17-asset-art{grid-row:1/3}

.is17-performance .is6-eyebrow{display:block;font:600 .73rem/1.5 "Chakra Petch",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#75e3f5}.is6-page .is17-context .is6-stages li{padding:.7rem 0}

/* ES18: the fixed art frame owns image dimensions; intrinsic grid sizing cannot crop the feet. */
.is17-system-art>.is6-art-label{position:absolute;inset:0;display:grid;place-items:center}

/* ES21: inline summary icons share the label row. The facility card owner still
   controls cyan/green/gold/purple rotation, typography and blueprint framing. */
body.eco-application #applicationMain .is6-page .eco-command-summary-panel .eco-command-summary__label{position:relative;display:flex!important;align-items:center!important;gap:.65rem!important;min-block-size:2rem;order:0!important;margin:0!important;line-height:1.4!important}
body.eco-application #applicationMain .is6-page .eco-command-summary-panel .eco-command-summary__icon{position:static!important;inset:auto!important;transform:none!important;display:block;inline-size:2rem!important;block-size:2rem!important;flex:0 0 2rem!important;margin:0!important;padding:0!important;line-height:0}
body.eco-application #applicationMain .is6-page .eco-command-summary-panel .eco-command-summary__icon svg{display:block;inline-size:100%;block-size:100%}
body.eco-application #applicationMain .is6-page .eco-command-summary-panel .eco-command-summary__value{order:1!important;margin-block:.65rem .35rem!important;min-inline-size:0;overflow-wrap:anywhere}
body.eco-application #applicationMain .is6-page .eco-command-summary-panel .eco-command-summary__detail{order:2!important;margin:0!important;line-height:1.5!important}
