/* ES05.2 — NONN-only continuous header blend. Size the image element to its
   rendered artwork so the edge mask also works in wide, shallow header stages. */
body.eco-application #applicationMain header.eco-command-header[data-nonn-header-fo25] :is(.workspace-copy78,.eco-command-copy) {
    inline-size:clamp(30rem,44cqw,45rem)!important; max-inline-size:100%!important; min-inline-size:0;
}
body.eco-application #applicationMain header.eco-command-header[data-nonn-header-fo25] :is(.workspace-stage78,.eco-command-stage)::before {
    background-image:linear-gradient(90deg,#02162680 0%,#02162640 30%,transparent 60%),
        linear-gradient(#52d9ff06 1px,transparent 1px),linear-gradient(90deg,#52d9ff06 1px,transparent 1px)!important;
    background-size:100% 100%,24px 24px,24px 24px!important;
}
body.eco-application #applicationMain header[data-nonn-header-fo25] [data-nonn-scene-fo25] {
    overflow:hidden; background:#021626;
}
body.eco-application #applicationMain header[data-nonn-header-fo25] [data-nonn-scene-fo25] img[data-nonn-art-fo25] {
    /* Auto width follows the bitmap ratio. A 100%-wide element with contain
       had invisible left padding, so its mask finished BEFORE the visible edge. */
    position:absolute!important; inset-block:0!important; inset-inline:auto 0!important;
    inline-size:auto!important; block-size:100%!important; max-inline-size:100%!important;
    max-block-size:100%!important; aspect-ratio:3 / 1;
    object-fit:contain!important; object-position:right center!important;
    opacity:1; transform:none!important;
    mask-image:linear-gradient(90deg,transparent 0%,#0005 10%,#000 34%,#000 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#0005 10%,#000 34%,#000 100%)!important;
}
/* One fluid title curve rather than the native 72rem font-size jump. */
body.eco-application #applicationMain header[data-nonn-header-fo25][data-workspace-header78] .workspace-copy78 h1 {
    font-size:clamp(2rem,3.5cqw,3.5rem)!important;
}
/* Short descriptions should not reserve a blank third line before the action. */
body.eco-application #applicationMain header[data-nonn-header-fo25] .workspace-description78 {
    min-block-size:0;
}
@container eco-command-head (max-width:46rem) {
    body.eco-application #applicationMain header.eco-command-header[data-nonn-header-fo25] :is(.workspace-copy78,.eco-command-copy) {
        inline-size:100%!important; max-inline-size:100%!important;
    }
    body.eco-application #applicationMain header.eco-command-header[data-nonn-header-fo25] :is(.workspace-stage78,.eco-command-stage)::before {
        background:linear-gradient(90deg,#031d2cf5,#031d2cd9 64%,#031d2c99)!important;
    }
    body.eco-application #applicationMain header[data-nonn-header-fo25] [data-nonn-scene-fo25] img[data-nonn-art-fo25] { opacity:.65; }
    body.eco-application #applicationMain header[data-nonn-header-fo25][data-workspace-header78] .workspace-copy78 h1 {
        font-size:clamp(1.875rem,6.5cqw,2.5rem)!important;
    }
}
/* Same art-window ratio as the adjacent FO07 cards; larger, overlapping assets. */
body.eco-application #applicationMain .eco-equipment-card-fo07[data-equipment-kind="MOBILE_EQUIPMENT"] .me-gateway-art {
    display:block; position:relative; aspect-ratio:1.6; padding:0!important; overflow:hidden;
}
body.eco-application #applicationMain .eco-equipment-card-fo07[data-equipment-kind="MOBILE_EQUIPMENT"] .me-gateway-art img {
    position:absolute!important; inset:auto!important; height:auto!important; max-height:none!important;
    object-fit:contain!important; transform:none!important;
}
body.eco-application #applicationMain .eco-equipment-card-fo07[data-equipment-kind="MOBILE_EQUIPMENT"] .me-gateway-art img:first-child {
    width:66%!important; left:0!important; bottom:10%!important; z-index:2;
}
body.eco-application #applicationMain .eco-equipment-card-fo07[data-equipment-kind="MOBILE_EQUIPMENT"] .me-gateway-art img:last-child {
    width:59%!important; right:0!important; top:8%!important; z-index:1;
}
@container equipment-cards-fo07 (max-width:38rem) {
    body.eco-application #applicationMain .eco-equipment-card-fo07[data-equipment-kind="MOBILE_EQUIPMENT"] .me-gateway-art { aspect-ratio:1.8; }
}
@media (forced-colors:active), print {
    body.eco-application #applicationMain header.eco-command-header[data-nonn-header-fo25] :is(.workspace-copy78,.eco-command-copy) {
        inline-size:100%!important; max-inline-size:none!important;
    }
    body.eco-application #applicationMain header.eco-command-header[data-nonn-header-fo25] :is(.workspace-stage78,.eco-command-stage)::before { display:none!important; }
    body.eco-application #applicationMain header[data-nonn-header-fo25] [data-nonn-scene-fo25] { display:none!important; }
}