/* ES28: lower Operations surfaces and Processing disclosure interaction.
   Headers, summary rows, blueprint buttons and scene geometry keep their owners. */
@font-face{font-family:"EcoTracer UI ES28";src:url("../../fonts/ecotracer/chakra-petch-600-v19-1.woff") format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"EcoTracer UI ES28";src:url("../../fonts/ecotracer/chakra-petch-700-v19-1.woff") format("woff");font-weight:700;font-display:swap}

/* One padded hit area for the label, whitespace and disclosure mark. */
body.eco-application #applicationMain [data-es27-ledger] .es26-measurements{padding:0;margin-inline:15px}
body.eco-application #applicationMain [data-es27-ledger] .es26-measurements>summary{position:relative;inline-size:100%;min-block-size:56px;margin:6px 0;padding:10px 14px;gap:18px;border-radius:7px;box-sizing:border-box;background:transparent;transition:background .15s,box-shadow .15s;outline-offset:-2px}
body.eco-application #applicationMain [data-es27-ledger] .es26-measurements>summary>span{pointer-events:none}
body.eco-application #applicationMain [data-es27-ledger] .es26-measurements>summary:is(:hover,:focus-visible){background:linear-gradient(100deg,#24627a50,#183f5440);box-shadow:inset 0 1px #aff0ff26,inset 0 0 0 1px #65cde53d;color:#edfbff}
body.eco-application #applicationMain [data-es27-ledger] .es26-measurements>summary:focus-visible{outline:2px solid #8eeaff;outline-offset:-2px}
body.eco-application #applicationMain [data-es27-ledger] .es26-disclosure-mark{display:grid;place-items:center;flex:0 0 30px;inline-size:30px;block-size:30px;border:1px solid #52829788;border-radius:5px;background:linear-gradient(#154357,#092737);box-shadow:inset 0 1px #c3f3ff20,0 2px #031522}
body.eco-application #applicationMain [data-es27-ledger] .es26-disclosure-mark::before{font:600 20px/1 var(--es26-font)}
body.eco-application #applicationMain [data-es27-ledger] .es26-expanded{padding-inline:14px}
body.eco-application #applicationMain [data-es27-ledger] .es26-references{padding-inline:14px}
body.eco-application #applicationMain [data-es27-ledger] .es26-references>summary{padding:10px 8px;min-block-size:44px;border-radius:5px}
body.eco-application #applicationMain [data-es27-ledger] .es26-references>summary:hover{background:#22546a40}

/* A single opt-in surface: retain each card's live content and route. */
body.eco-application #applicationMain .op26.op28{--op28-font:"EcoTracer UI ES28","Chakra Petch","Segoe UI",sans-serif;--op28-face:radial-gradient(ellipse at 12% 0%,#24597466,transparent 58%),linear-gradient(120deg,#0d2c40,#071e2d 60%,#0b293a);--op28-shadow:0 3px 0 #020f19,0 4px 0 #31576b,0 13px 25px #0005,inset 0 1px #b9efff45,inset 0 -5px #03142188}
body.eco-application #applicationMain .op26.op28 :is(.op26-inspector,.op26-next>a,.eco-home-workspace,.eco-home-native-tools>a,.op26-activity){position:relative;isolation:isolate;border:1px solid #406c81;border-radius:10px;background:var(--op28-face);box-shadow:var(--op28-shadow);clip-path:none;overflow:visible}
body.eco-application #applicationMain .op26.op28 :is(.op26-next>a,.eco-home-workspace,.eco-home-native-tools>a):is(:hover,:focus-within){border-color:var(--home-accent,var(--op25-route,#84eaff));box-shadow:0 3px 0 #020f19,0 4px 0 #407f96,0 13px 25px #0005,inset 0 1px #b9efff66,inset 0 -5px #03142188;transform:none}
body.eco-application #applicationMain .op26.op28 :is(.op26-next>a,.eco-home-workspace)::before{content:"";position:absolute;inset:3px 4px 6px;border-radius:7px;border-top:1px solid #b7efff24;border-bottom:1px solid #90dff626;background:none;pointer-events:none;z-index:-1}

/* Quick look: a clear identity and integrated readouts, not nested boxes. */
body.eco-application #applicationMain .op26.op28 .op26-inspector{margin:14px 16px 18px;border-inline-start:3px solid #6cdcf5}
body.eco-application #applicationMain .op26.op28 .op26-inspector-top{margin:0 18px;padding:12px 0 9px;background:none;border-bottom:1px solid #4b788b55;letter-spacing:.09em}
body.eco-application #applicationMain .op26.op28 [data-inspector-body]{grid-template-columns:minmax(250px,1.15fr) minmax(0,2fr) minmax(220px,.85fr);gap:24px;padding:22px!important}
body.eco-application #applicationMain .op26.op28 .op27-inspector-title{grid-template-columns:100px minmax(0,1fr);column-gap:16px}
body.eco-application #applicationMain .op26.op28 .op25-inspector-art{inline-size:100px;block-size:106px;filter:drop-shadow(2px 7px 5px #020e1b88)}
body.eco-application #applicationMain .op26.op28 .op27-inspector-title h3{font:700 1.3rem/1.3 var(--op28-font)}
body.eco-application #applicationMain .op26.op28 .op26-inspector dl{gap:0!important}
body.eco-application #applicationMain .op26.op28 .op26-inspector dl>div{border:0!important;border-inline-start:1px solid #527c8d66!important;padding:8px 15px!important;background:none;box-shadow:none}
body.eco-application #applicationMain .op26.op28 .op26-inspector dt{font:600 .81rem/1.5 var(--op28-font);color:#accddd}
body.eco-application #applicationMain .op26.op28 .op26-inspector dd{font:700 1rem/1.5 var(--op28-font)!important;color:#e9faff;margin-top:6px}
body.eco-application #applicationMain .op26.op28 .op26-inspector-help{margin:0 18px;padding:10px 0 14px;background:none;border-top:1px solid #406c8055}
body.eco-application #applicationMain .op26.op28 .op26-basis>summary{padding:10px 12px;min-block-size:42px;border-radius:6px;outline-offset:-2px}
body.eco-application #applicationMain .op26.op28 .op26-basis>summary:is(:hover,:focus-visible){background:#28647c40;box-shadow:inset 0 0 0 1px #6bcee52e}

/* Follow-up routes use the same raised surface and readable 3D mini artwork. */
body.eco-application #applicationMain .op26.op28 .op26-next{gap:20px}
body.eco-application #applicationMain .op26.op28 .op26-next>a{grid-template-columns:96px minmax(0,1fr) 24px;padding:20px;gap:16px;border-inline-start:3px solid var(--op25-route);border-top-width:1px;min-block-size:136px}
body.eco-application #applicationMain .op26.op28 .op26-next .op25-route-art{block-size:94px;filter:drop-shadow(2px 7px 4px #010d1980)}
body.eco-application #applicationMain .op26.op28 .op26-next strong{font:700 1.13rem/1.4 var(--op28-font)}
body.eco-application #applicationMain .op26.op28 .op26-next b{display:block}

/* Equipment is given useful width: two spacious cards, not four narrow towers. */
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-workspace-section{padding:0;border:0;background:none;box-shadow:none}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-landing-section-heading{padding:8px 4px 16px;border:0;background:none}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0;border:0;background:none}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-workspace{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(240px,1.15fr);grid-template-rows:auto 1fr auto;column-gap:6px;border-top:2px solid var(--home-accent);min-width:0;padding:8px}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-title{grid-column:2;padding:18px 18px 0 10px}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-title h3{font:700 1.3rem/1.35 var(--op28-font)}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-art{grid-column:1;grid-row:1/4;align-self:center;position:relative;display:block;inline-size:auto;block-size:260px!important;max-block-size:none!important;min-block-size:0;aspect-ratio:auto!important;margin:10px 0 14px 8px;padding:0;overflow:visible!important;background:none!important}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-art::before{content:none}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-art>img{margin:0!important;mix-blend-mode:normal;filter:drop-shadow(2px 8px 5px #020d1988)}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-body{grid-column:2;padding:12px 18px 14px 10px;gap:12px}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-body>p{font:600 .93rem/1.55 var(--op28-font)!important;min-block-size:0}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-footer{grid-column:2;align-self:end;justify-self:stretch;min-width:0;margin:0 10px 12px 2px}
body.eco-application #applicationMain .op26.op28 .op-home1061 .op-home1061-counts{border-block:0;border-top:1px solid #5f8c9d55;padding:12px 0 0;gap:16px;min-height:0}
body.eco-application #applicationMain .op26.op28 .op-home1061 .op-home1061-counts dd{font:700 1.5rem/1.25 var(--op28-font)!important;color:#e6faff;text-shadow:0 2px #020e1b}
body.eco-application #applicationMain .op26.op28 .op-home1061 .op-home1061-storage>img:nth-child(1){inset:auto auto 8% 1%!important;inline-size:35%!important;block-size:36%!important;z-index:2}
body.eco-application #applicationMain .op26.op28 .op-home1061 .op-home1061-storage>img:nth-child(2){inset:9% 0 auto auto!important;inline-size:62%!important;block-size:75%!important;z-index:1}
body.eco-application #applicationMain .op26.op28 .op-home1061 .op-home1061-storage>img:nth-child(3){inset:5% auto auto 1%!important;inline-size:33%!important;block-size:36%!important;z-index:2}
body.eco-application #applicationMain .op26.op28 .op-home1061 .op-home1061-movement>img{inset:21% auto auto 0!important;inline-size:64%!important;block-size:66%!important}
body.eco-application #applicationMain .op26.op28 .op-home1061 .op-home1061-movement>.op25-agitator{inset:0 0 auto auto;inline-size:34%;block-size:94%}
body.eco-application #applicationMain .op26.op28 .op-home1061 .op-home1061-measurement>img:nth-child(1){inset:29% auto auto 0!important;inline-size:61%!important;block-size:56%!important}
body.eco-application #applicationMain .op26.op28 .op-home1061 .op-home1061-measurement>img:nth-child(2){inset:1% 0 auto auto!important;inline-size:44%!important;block-size:70%!important}
body.eco-application #applicationMain .op26.op28 .op-home1061 .op-home1061-trailer>img{inset:0!important;inline-size:100%!important;block-size:100%!important}

/* Support and recent evidence belong to the same lower-page surface family. */
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-native-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;border:0;background:none;box-shadow:none}
body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-native-tools>a{display:flex;align-items:center;gap:16px;padding:20px;min-block-size:100px;text-decoration:none}
body.eco-application #applicationMain .op26.op28 .op26-activity>.op26-section-head{padding:20px 22px 14px;border:0;background:none}
body.eco-application #applicationMain .op26.op28 .op26-activity ol{margin:0 22px 18px;padding:0;border:0;background:none}
body.eco-application #applicationMain .op26.op28 .op26-activity li{padding:18px 0;border-color:#4a768855}
body.eco-application #applicationMain .op26.op28 .op26-activity strong{font:700 1rem/1.45 var(--op28-font)}
body.eco-application #applicationMain .op26.op28 .op26-activity p{font:600 .85rem/1.55 var(--op28-font)}

@container op26 (max-width:1280px){
 body.eco-application #applicationMain .op26.op28 [data-inspector-body]{grid-template-columns:minmax(250px,1fr) minmax(230px,.8fr)}
 body.eco-application #applicationMain .op26.op28 .op26-inspector dl{grid-column:1/-1;grid-row:2}
 body.eco-application #applicationMain .op26.op28 .op27-inspector-links{grid-column:2;grid-row:1}
 body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto}
 body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-title{grid-column:1;padding:18px 18px 0}
 body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-art{grid-column:1;grid-row:2;inline-size:min(100%,370px);block-size:220px!important;justify-self:center;margin:8px 10px}
 body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-body{grid-column:1;padding:12px 18px 16px}
 body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-card-footer{grid-column:1;justify-self:start;margin:0 14px 12px;max-inline-size:calc(100% - 28px)}
}
@container op26 (max-width:1000px){
 body.eco-application #applicationMain .op26.op28 .op26-next{grid-template-columns:1fr}
 body.eco-application #applicationMain .op26.op28 .op26-next>a{min-block-size:112px}
 body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-native-tools{grid-template-columns:1fr}
}
@container op26 (max-width:720px){
 body.eco-application #applicationMain .op26.op28 .op26-inspector{margin:12px 8px 16px}
 body.eco-application #applicationMain .op26.op28 [data-inspector-body]{grid-template-columns:minmax(0,1fr);padding:16px!important;gap:18px}
 body.eco-application #applicationMain .op26.op28 .op26-inspector dl{grid-column:1;grid-row:auto}
 body.eco-application #applicationMain .op26.op28 .op27-inspector-links{grid-column:1;grid-row:auto}
 body.eco-application #applicationMain .op26.op28 .op-home1061 .eco-home-workspace-grid{grid-template-columns:minmax(0,1fr)}
 body.eco-application #applicationMain .op26.op28 .op26-next>a{grid-template-columns:80px minmax(0,1fr) 20px;padding:16px;gap:12px}
}
@container op26 (max-width:400px){
 body.eco-application #applicationMain .op26.op28 .op27-inspector-title{grid-template-columns:80px minmax(0,1fr)}
 body.eco-application #applicationMain .op26.op28 .op25-inspector-art{inline-size:80px;block-size:88px}
 body.eco-application #applicationMain .op26.op28 .op26-inspector dl{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){body.eco-application #applicationMain [data-es27-ledger] .es26-measurements>summary{transition:none}}
@media(forced-colors:active){body.eco-application #applicationMain .op26.op28 :is(.op26-inspector,.op26-next>a,.eco-home-workspace,.eco-home-native-tools>a,.op26-activity),body.eco-application #applicationMain [data-es27-ledger] .es26-disclosure-mark{background:Canvas;color:CanvasText;box-shadow:none;border-color:CanvasText}body.eco-application #applicationMain [data-es27-ledger] .es26-measurements>summary:focus-visible{outline-color:Highlight}}