/* Responsive structure */
@container (max-width: 1180px) {
    .observatory-layout {
        grid-template-columns: 122px minmax(340px, 1fr) minmax(280px, .74fr);
        grid-template-areas:
            "scope core outcome"
            "scope core dest";
    }

    .scope-rail { grid-area: scope; }
    .observatory-core-panel { grid-area: core; }
    .outcome-flow { grid-area: outcome; }

    .result-destinations {
        grid-area: dest;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        justify-content: stretch;
        gap: 8px;
        padding-top: 10px;
        border-top: 1px solid rgba(82, 217, 255, .12);
    }

    .destination-flow-label {
        grid-column: 1 / -1;
        margin: 0;
    }

    .destination-flow-label::before,
    .result-destinations a::before,
    .outcome-terminal::after {
        display: none;
    }

    .result-destinations::before {
        position: absolute;
        bottom: 100%;
        left: 50%;
        width: 1px;
        height: 11px;
        background: linear-gradient(transparent, rgba(82, 217, 255, .62));
        content: "";
    }

    .result-destinations a {
        min-height: 64px;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        gap: 8px;
        padding: 8px 10px;
        text-align: left;
    }

    .result-destinations .destination-icon {
        width: 25px;
        height: 25px;
        flex: 0 0 25px;
    }

    .result-destinations a > b {
        margin-left: auto;
    }


    /* Environmental Technology Details */
    .technology-component-row {
        grid-template-areas:
            "sequence identity measurements requirement"
            "sequence identity outcomes requirement";
        grid-template-columns: 38px minmax(190px, 1.2fr) minmax(190px, 1fr) auto;
        align-items: start;
    }

    .component-sequence { grid-area: sequence; }
    .component-identity { grid-area: identity; }
    .component-signal-list:not(.outcomes) { grid-area: measurements; }
    .component-signal-list.outcomes { grid-area: outcomes; }
    .component-requirement { grid-area: requirement; align-self: center; }

    .technology-deployment-record > header {
        grid-template-areas:
            "index mark identity state"
            "facts facts facts facts";
        grid-template-columns: 30px 44px minmax(0, 1fr) auto;
    }

    .deployment-index { grid-area: index; }
    .deployment-context-mark { grid-area: mark; }
    .deployment-identity { grid-area: identity; }
    .technology-deployment-record > header dl { grid-area: facts; }
    .deployment-state { grid-area: state; }

}

@container (max-width: 930px) {
    .solutions-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .solutions-hero-controls {
        max-width: 620px;
    }

    .observatory-header {
        grid-template-columns: minmax(0, 1fr);
    }

    .observatory-status {
        width: 100%;
    }

    .observatory-layout {
        grid-template-columns: 126px minmax(0, 1fr);
        grid-template-areas:
            "scope core"
            "outcome outcome"
            "dest dest";
    }

    .outcome-flow {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        padding-top: 15px;
        border-top: 1px solid rgba(82, 217, 255, .12);
    }

    .observatory-core-panel::after {
        display: none;
    }

    .method-gate {
        display: grid;
        width: 100%;
        height: auto;
        grid-template-columns: 32px auto auto minmax(0, 1fr);
        justify-content: start;
        gap: 11px;
        padding: 9px 12px;
        border-radius: 7px;
    }

    .method-gate::before,
    .method-gate::after {
        top: auto;
        left: 50%;
        width: 1px;
        height: 13px;
        background: linear-gradient(transparent, var(--solutions-cyan));
    }

    .method-gate::before {
        right: auto;
        bottom: 100%;
    }

    .method-gate::after {
        top: 100%;
        transform: rotate(180deg);
    }

    .method-gate > span {
        width: 24px;
        height: 24px;
    }

    .method-gate small,
    .method-gate em {
        max-width: none;
        text-align: left;
    }

    .method-gate em {
        align-self: center;
    }

    .outcome-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .additional-outcomes {
        grid-column: 1 / -1;
    }

    .solutions-record-grid {
        grid-template-columns: minmax(0, 1fr);
    }


    /* Environmental Technology Details */
    .technology-readout-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .technology-readout-strip > div {
        border-top: 1px solid rgba(82, 217, 255, .16);
    }

    .technology-readout-strip > div:nth-child(-n + 2) {
        border-top: 0;
    }

    .technology-readout-strip > div:nth-child(2n) {
        border-right: 0;
    }

    .technology-readout-strip > div:last-child {
        grid-column: 1 / -1;
        border-top: 1px solid rgba(82, 217, 255, .16);
    }

    .technology-panel-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .technology-panel-header dl {
        width: 100%;
    }

    .technology-panel-header dl div {
        max-width: none;
        flex: 1 1 0;
    }

    .technology-version-row {
        grid-template-columns: minmax(180px, 1.2fr) minmax(150px, 1fr) auto;
    }

    .technology-version-row > span:nth-child(4) {
        grid-column: 1 / 3;
    }

    .technology-version-row > b {
        grid-column: 3;
        grid-row: 1;
    }

    .technology-digital-twin.hydrogen .twin-system-map {
        grid-template-areas:
            "machine machine"
            "input output";
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 15px 18px;
    }

    .technology-digital-twin.hydrogen .input-bank { grid-area: input; }
    .technology-digital-twin.hydrogen .twin-machine { grid-area: machine; }
    .technology-digital-twin.hydrogen .output-bank { grid-area: output; }

    .technology-digital-twin.hydrogen .twin-machine {
        min-height: 0;
    }

    .technology-digital-twin.hydrogen .twin-system-map::before,
    .technology-digital-twin.hydrogen .twin-system-map::after,
    .technology-digital-twin.hydrogen .twin-signal::before,
    .technology-digital-twin.hydrogen .twin-signal::after {
        display: none;
    }

    .technology-digital-twin.hho .twin-system-map {
        grid-template-areas:
            "machine machine"
            "input output";
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 15px 18px;
    }

    .technology-digital-twin.hho .input-bank { grid-area: input; }
    .technology-digital-twin.hho .twin-machine { grid-area: machine; min-height: 0; }
    .technology-digital-twin.hho .output-bank { grid-area: output; transform: none; }

    .technology-digital-twin.hho .digital-twin-stage {
        min-height: 0;
    }

    .technology-digital-twin.hho .twin-system-map::before,
    .technology-digital-twin.hho .twin-system-map::after,
    .technology-digital-twin.hho .twin-signal::before,
    .technology-digital-twin.hho .twin-signal::after {
        display: none;
    }

}

@container (max-width: 700px) {
    .solutions-hero {
        padding: 18px 14px;
    }

    .solutions-hero-main {
        align-items: flex-start;
    }

    .solutions-joined-actions {
        display: flex;
        width: 100%;
    }

    .solutions-joined-actions a {
        min-width: 0;
        flex: 1 1 50%;
    }

    .solutions-control-statement {
        min-width: 0;
        flex: 1 1 auto;
    }

    .solutions-instrument-panel {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .solutions-overview .instrument {
        grid-column: span 2;
    }

    .solutions-overview .instrument:nth-child(4),
    .solutions-overview .instrument:nth-child(5) {
        grid-column: span 3;
        border-top: 1px solid rgba(82, 217, 255, .18);
    }

    .solutions-overview .instrument:nth-child(4) {
        border-left: 0;
    }

    .observatory-layout {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "scope"
            "core"
            "outcome"
            "dest";
        padding: 17px 13px 14px;
    }

    .scope-rail {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr);
        align-items: center;
        gap: 9px;
        padding-bottom: 14px;
        border-bottom: 1px solid rgba(82, 217, 255, .12);
    }

    .scope-rail-heading,
    .scope-rail > p {
        grid-column: 1 / -1;
    }

    .scope-rail-heading {
        margin-bottom: 2px;
    }

    .scope-node {
        width: 98px;
        height: 98px;
        justify-self: center;
    }

    .scope-node > i {
        display: none;
    }

    .scope-connector {
        width: 100%;
        height: 1px;
        margin: 0;
        background: linear-gradient(90deg, var(--solutions-cyan), var(--solutions-green));
    }

    .scope-connector i {
        top: 50%;
        left: auto;
        transform: translateY(-50%);
    }

    .scope-connector i:nth-child(1) { left: 3px; }
    .scope-connector i:nth-child(2) { left: 50%; transform: translate(-50%, -50%); }
    .scope-connector i:nth-child(3) { right: 3px; bottom: auto; }

    .scope-rail > p {
        max-width: 420px;
        margin: 1px auto 0;
    }

    .observatory-core-panel {
        padding-top: 12px;
    }

    .outcome-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .result-destinations {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        justify-content: stretch;
    }

    .destination-flow-label {
        grid-column: 1 / -1;
    }

    .observatory-footer {
        gap: 10px 18px;
    }


    /* Environmental Technology Details */
    .technology-digital-twin {
        grid-template-columns: minmax(0, 1fr);
    }

    .digital-twin-stage {
        min-height: 420px;
        border-right: 0;
        border-bottom: 1px solid rgba(82, 217, 255, .19);
    }

    .twin-control-console {
        min-height: 0;
    }

    .twin-portfolio-gate {
        margin-top: 10px;
    }

    .technology-position-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .technology-position-grid > article + article {
        border-top: 1px solid rgba(82, 217, 255, .14);
        border-left: 0;
    }

    .technology-outcome-terminal::before,
    .technology-outcome-terminal::after {
        display: none;
    }

    .twin-system-map {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .technology-digital-twin.hydrogen .twin-system-map,
    .technology-digital-twin.hho .twin-system-map {
        grid-template-areas:
            "input"
            "machine"
            "output";
        grid-template-columns: minmax(0, 1fr);
    }

    .hho-instrument-register {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hho-instrument-register > li:last-child {
        grid-column: 1 / -1;
    }

    .twin-system-map::before,
    .twin-system-map::after,
    .twin-signal::before,
    .twin-signal::after {
        display: none;
    }

    .twin-signal-bank {
        width: 100%;
        max-width: 520px;
        justify-self: center;
    }

    .twin-machine {
        min-height: 255px;
    }

    .twin-control-stack {
        grid-template-columns: minmax(0, 1fr);
    }

    .technology-blueprint-rule {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .technology-blueprint-rule > span {
        min-width: 135px;
        flex: 1 1 28%;
        padding: 5px;
    }

    .technology-blueprint-rule > b {
        align-self: center;
    }

    .technology-component-row {
        grid-template-areas:
            "sequence identity requirement"
            "measurements measurements measurements"
            "outcomes outcomes outcomes";
        grid-template-columns: 38px minmax(0, 1fr) auto;
    }

    .component-signal-list {
        padding-top: 8px;
        border-top: 1px solid rgba(82, 217, 255, .1);
    }

    .deployment-control-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .deployment-control-grid > section + section {
        border-top: 1px solid rgba(82, 217, 255, .13);
        border-left: 0;
    }

    .technology-detail-footer {
        align-items: flex-start;
        flex-direction: column;
    }
}

@container (max-width: 520px) {
    .solutions-hero-main {
        gap: 11px;
    }

    .solutions-hero-emblem {
        width: 65px;
        flex-basis: 65px;
    }

    .solutions-hero-emblem > span {
        width: 56px;
        height: 56px;
    }

    .solutions-hero-emblem > small {
        font-size: 6px;
    }

    .solutions-title-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .solutions-title-row h1 {
        font-size: 29px;
    }

    .solutions-joined-actions {
        flex-direction: column;
    }

    .solutions-joined-actions a {
        width: 100%;
        min-height: 40px;
        border-radius: 5px;
    }

    .solutions-joined-actions a:last-child {
        margin-top: 7px;
        margin-left: 0;
        border-radius: 5px;
    }

    .solutions-joined-actions a:first-child {
        border-radius: 5px;
    }

    .solutions-joined-actions a:first-child::after,
    .solutions-joined-actions a:last-child::before {
        display: none;
    }

    .solutions-instrument-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solutions-overview .instrument,
    .solutions-overview .instrument:nth-child(4),
    .solutions-overview .instrument:nth-child(5) {
        grid-column: span 1;
        border-top: 1px solid rgba(82, 217, 255, .18);
    }

    .solutions-overview .instrument:nth-child(1),
    .solutions-overview .instrument:nth-child(2) {
        border-top: 0;
    }

    .solutions-overview .instrument:nth-child(3),
    .solutions-overview .instrument:nth-child(5) {
        border-left: 0;
    }

    .solutions-overview .instrument:nth-child(4) {
        border-left: 1px solid rgba(82, 217, 255, .2);
    }

    .solutions-overview .instrument:last-child {
        grid-column: 1 / -1;
    }

    .observatory-status {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .observatory-status > span:last-child {
        grid-column: 2;
        border-top: 1px solid rgba(245, 200, 76, .16);
    }

    .observatory-status.is-ready > span:last-child {
        border-top-color: rgba(85, 238, 155, .16);
    }

    .observatory-status > i {
        grid-row: 1 / span 2;
    }

    .technology-sector-label a {
        padding-right: 13px;
        padding-left: 13px;
    }

    .controlled-impact-core {
        width: 92px;
        height: 92px;
    }

    .controlled-impact-core strong {
        font-size: 14px;
    }

    .outcome-flow {
        grid-template-columns: minmax(0, 1fr);
    }

    .result-destinations {
        grid-template-columns: minmax(0, 1fr);
    }

    .result-destinations a {
        min-height: 67px;
    }

    .technology-record,
    .deployment-record {
        grid-template-columns: 46px minmax(0, 1fr) auto;
    }

    .solutions-overview .record-facts {
        grid-column: 2 / -1;
        justify-self: stretch;
    }

    .solutions-overview .record-facts div {
        flex: 1 1 50%;
    }

    .solutions-overview .record-state {
        grid-column: 2 / -1;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        padding-top: 8px;
        border-top: 1px solid rgba(82, 217, 255, .1);
        text-align: left;
    }

    .solutions-overview .register-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .solutions-overview .register-header dl {
        width: 100%;
    }

    .solutions-overview .register-header dl div {
        flex: 1 1 50%;
    }


    /* Environmental Technology Details */
    .technology-readout-strip strong {
        font-size: 21px;
    }

    .digital-twin-stage {
        min-height: 0;
        padding-right: 12px;
        padding-left: 12px;
    }

    .digital-twin-stage > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .digital-twin-stage > header strong {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }

    .twin-system-map {
        padding-top: 14px;
    }

    .twin-machine-cutaway {
        max-width: 280px;
        min-height: 195px;
    }

    .technology-digital-twin.hydrogen .twin-machine-cutaway,
    .technology-digital-twin.hho .twin-machine-cutaway {
        max-width: 560px;
        min-height: 0;
    }

    .hho-instrument-head {
        flex-wrap: wrap;
    }

    .hho-instrument-head > b {
        flex-basis: 100%;
        text-align: left;
    }

    .hho-proof-rail {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }

    .hho-proof-link {
        width: 1px;
        height: 10px;
        justify-self: center;
    }

    .hho-proof-link::before {
        top: 0;
        bottom: 0;
        left: -1px;
        width: 3px;
        height: auto;
        opacity: .45;
        background: linear-gradient(transparent, currentColor, transparent);
        animation: none;
    }

    .hho-proof-link::after {
        top: auto;
        right: -3px;
        bottom: 0;
        transform: rotate(135deg);
    }

    .hho-instrument-register {
        grid-template-columns: minmax(0, 1fr);
    }

    .hho-instrument-register > li:last-child {
        grid-column: auto;
    }

    .hho-vehicle-fine-detail {
        display: none;
    }

    .hydrogen-instrument-head {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .hydrogen-instrument-head > b {
        grid-column: 1 / -1;
        justify-content: flex-start;
        text-align: left;
    }

    .hydrogen-proof-rail {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }

    .hydrogen-proof-link {
        width: 1px;
        height: 10px;
        justify-self: center;
    }

    .hydrogen-proof-link::before {
        top: 0;
        bottom: 0;
        left: -1px;
        width: 3px;
        height: auto;
        opacity: .45;
        background: linear-gradient(transparent, var(--solutions-cyan), transparent);
        animation: none;
    }

    .hydrogen-proof-link.is-reference::before {
        background: linear-gradient(transparent, var(--solutions-gold), transparent);
    }

    .hydrogen-proof-link::after {
        top: auto;
        right: -3px;
        bottom: 0;
        transform: rotate(135deg);
    }

    .hydrogen-instrument-register {
        grid-template-columns: minmax(0, 1fr);
    }

    .hydrogen-instrument-register > li + li {
        border-top: 1px solid rgba(82, 217, 255, .13);
        border-left: 0;
    }

    .hydrogen-vehicle-plane figcaption {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .hydrogen-vehicle-plane figcaption small {
        overflow: visible;
        text-align: left;
        text-overflow: clip;
        white-space: normal;
    }

    .twin-translation-strip {
        grid-template-columns: minmax(0, 1fr);
    }

    .twin-translation-strip > span + span {
        border-top: 1px solid rgba(82, 217, 255, .1);
    }

    .twin-translation-strip > b {
        display: none;
    }

    .technology-blueprint-rule {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .technology-blueprint-rule > span {
        min-width: 0;
        border-bottom: 1px solid rgba(82, 217, 255, .08);
    }

    .technology-blueprint-rule > b {
        display: none;
    }

    .technology-register-label {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .technology-register-label small {
        text-align: left;
    }

    .technology-version-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .technology-version-row > span,
    .technology-version-row > span:nth-child(4) {
        grid-column: 1 / -1;
    }

    .technology-version-row > b {
        grid-column: 2;
        grid-row: 1;
    }

    .technology-component-row {
        grid-template-areas:
            "sequence identity"
            "requirement requirement"
            "measurements measurements"
            "outcomes outcomes";
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .component-requirement {
        justify-self: start;
    }

    .technology-deployment-record > header {
        grid-template-areas:
            "mark identity"
            "state state"
            "facts facts";
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .deployment-index {
        display: none;
    }

    .deployment-state {
        justify-self: start;
    }

    .technology-deployment-record > header dl {
        grid-template-columns: minmax(0, 1fr);
    }

    .technology-deployment-record > header dl div + div {
        border-top: 1px solid rgba(82, 217, 255, .12);
        border-left: 0;
    }

    .technology-outcome-terminal > div {
        grid-template-columns: 8px minmax(0, 1fr) auto;
    }

    .technology-outcome-terminal > div > em {
        grid-column: 2 / -1;
        justify-self: start;
    }

    .technology-program-terminal > div {
        grid-template-columns: 8px minmax(0, 1fr);
    }

    .technology-program-terminal > div > b {
        grid-column: 2;
        justify-self: start;
    }

    .technology-detail-footer nav {
        width: 100%;
    }

    .technology-detail-footer nav a {
        flex: 1 1 50%;
        text-align: center;
    }
}

@media (max-width: 780px) {
    .solutions-shell {
        padding: 0 18px 40px;
    }
}

@media (max-width: 520px) {
    .solutions-shell {
        padding: 0 14px 34px;
    }
}

@media (forced-colors: active) {
    .solutions-hero,
    .solutions-instrument-panel,
    .impact-observatory,
    .solutions-register,
    .scope-node,
    .technology-sector-label a,
    .method-gate,
    .outcome-capsule,
    .result-destinations a,
    .technology-readout-strip,
    .digital-twin-stage,
    .twin-signal,
    .twin-machine-cutaway,
    .hydrogen-proof-node,
    .hydrogen-telemetry-bus,
    .hydrogen-instrument-register,
    .hydrogen-instrument-register > li,
    .hydrogen-instrument-empty,
    .hho-proof-node,
    .hho-proof-node.is-reference,
    .hho-proof-node.is-ready:not(.is-reference),
    .hho-proof-node.is-pending,
    .hho-proof-node.is-method.is-ready,
    .hho-telemetry-bus,
    .hho-instrument-register,
    .hho-instrument-register > li,
    .hho-instrument-register > li.is-required,
    .hho-art-hotspot::after,
    .hho-instrument-register > li::after,
    .technology-digital-twin.hho .input-bank .twin-signal.pending,
    .technology-digital-twin.hho .research-bank .twin-signal,
    .twin-portfolio-gate.hho-research-gate,
    .twin-portfolio-gate.hho-research-gate.research-ready,
    .hho-research-position .technology-outcome-terminal > div,
    .realization-verdict.hho-research-verdict.connected,
    .twin-control-console,
    .twin-control-stack > section,
    .twin-portfolio-gate,
    .realization-verdict,
    .technology-version-row,
    .technology-component-row,
    .technology-deployment-record,
    .deployment-signal,
    .technology-outcome-terminal > div,
    .technology-program-terminal > div {
        border-color: CanvasText;
        background: Canvas;
        box-shadow: none;
    }

    .hho-reference-equipment {
        forced-color-adjust: none;
    }

    .hydrogen-vehicle-shell,
    .hydrogen-vehicle-cab,
    .hydrogen-vehicle-window,
    .hydrogen-diesel-tank,
    .hydrogen-engine,
    .hydrogen-h2-rack,
    .hydrogen-h2-cylinder,
    .hydrogen-regulator,
    .hydrogen-wheel,
    .hydrogen-wheel-rim,
    .hydrogen-marker-ring,
    .hydrogen-marker-core,
    .hho-vehicle-shell,
    .hho-vehicle-cab,
    .hho-vehicle-window,
    .hho-vehicle-lamp,
    .hho-vehicle-bumper,
    .hho-vehicle-step,
    .hho-component-shell,
    .hho-controller-screen,
    .hho-wheel,
    .hho-wheel-shoulder,
    .hho-wheel-rim,
    .hho-wheel-hub,
    .hho-wheel-lug,
    .hho-callout-index {
        fill: Canvas;
        stroke: CanvasText;
        filter: none;
    }

    .hydrogen-vehicle-detail,
    .hydrogen-vehicle-grille,
    .hydrogen-vehicle-chassis,
    .hydrogen-engine-detail,
    .hydrogen-diesel-detail,
    .hydrogen-h2-detail,
    .hydrogen-regulator-detail,
    .hydrogen-wheel-spoke,
    .hydrogen-diesel-track,
    .hydrogen-assist-track,
    .hydrogen-work-track,
    .hydrogen-sensor-drop,
    .hho-vehicle-detail,
    .hho-vehicle-roof,
    .hho-vehicle-door,
    .hho-vehicle-depth,
    .hho-vehicle-mirror,
    .hho-vehicle-fender,
    .hho-vehicle-deck,
    .hho-vehicle-grille,
    .hho-vehicle-chassis,
    .hho-vehicle-fine-detail path,
    .hho-engine-detail path,
    .hho-engine-detail circle,
    .hho-wheel-spoke,
    .hho-component-detail,
    .hho-tailpipe,
    .hho-water-line,
    .hho-water-feed,
    .hho-mechanical-coupling,
    .hho-callout-leader,
    .hho-flow-track[class],
    .hho-sensor-drop[class] {
        stroke: CanvasText;
        filter: none;
    }

    .hydrogen-diesel-flow,
    .hydrogen-assist-flow,
    .hydrogen-work-flow,
    .hydrogen-injection-node,
    .hydrogen-work-sensor,
    .hydrogen-wheel-core,
    .hho-flow[class],
    .hho-flow-node[class],
    .hho-intake-node,
    .hho-flow-arrow.is-electrical,
    .hho-flow-arrow.is-hho,
    .hho-bubble {
        fill: Highlight;
        stroke: Highlight;
        filter: none;
    }

    .hydrogen-diesel-flow,
    .hydrogen-assist-flow,
    .hydrogen-work-flow {
        fill: none;
    }

    .hho-flow[class] {
        fill: none;
    }

    .hydrogen-marker-label,
    .hho-component-glyph,
    .hho-callout-number,
    .hho-callout-name,
    .hho-safety-caption,
    .hho-channel-node svg,
    .research-signal-icon svg {
        fill: CanvasText;
    }

    .hho-channel-node path,
    .hho-channel-node circle,
    .research-signal-icon path,
    .research-signal-icon circle {
        stroke: CanvasText;
        filter: none;
    }

    .hho-vehicle-fine-detail circle,
    .hho-vehicle-fine-detail rect {
        fill: CanvasText;
        stroke: CanvasText;
    }

    .hydrogen-channel-index {
        border-color: CanvasText;
        color: CanvasText;
        background: Canvas;
    }

    .hydrogen-instrument-head > b i,
    .hydrogen-telemetry-bus > i,
    .hydrogen-instrument-empty > i {
        forced-color-adjust: none;
        background: Highlight;
        box-shadow: none;
    }

    .hho-telemetry-bus > i,
    .hho-channel-node {
        forced-color-adjust: none;
        background: Highlight;
        box-shadow: none;
    }

    .hho-channel-node {
        color: HighlightText;
        border-color: HighlightText;
    }

    .hydrogen-instrument-head > b i,
    .hydrogen-proof-link::before,
    .hydrogen-diesel-flow,
    .hydrogen-assist-flow,
    .hydrogen-work-flow,
    .hydrogen-marker-ring,
    .hydrogen-telemetry-bus::after {
        animation: none;
    }

    .hho-proof-link::before,
    .hho-flow.hho-animated,
    .hho-telemetry-bus::after,
    .hho-bubble,
    .hho-flow-node.is-tailpipe {
        animation: none;
    }

    .solutions-state i,
    .solutions-control-statement i,
    .observatory-status > i,
    .outcome-state,
    .solutions-overview .record-state > span i,
    .cutaway-status i,
    .twin-control-console > header > b i,
    .realization-gate-track > span i,
    .deployment-state i,
    .deployment-signal > i,
    .technology-outcome-terminal > div > i,
    .technology-program-terminal > div > i {
        forced-color-adjust: none;
        background: Highlight;
        box-shadow: none;
    }

    .blueprint-grid path,
    .blueprint-grid circle,
    .technology-sector,
    .deployment-signal circle,
    .method-signal {
        stroke: CanvasText;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evidence-signal,
    .controlled-impact-core::before,
    .hydrogen-instrument-head > b i,
    .hydrogen-proof-link::before,
    .hydrogen-diesel-flow,
    .hydrogen-assist-flow,
    .hydrogen-work-flow,
    .hydrogen-marker-ring,
    .hydrogen-telemetry-bus::after,
    .hho-proof-link::before,
    .hho-flow.hho-animated,
    .hho-telemetry-bus::after,
    .hho-bubble,
    .hho-flow-node.is-tailpipe {
        animation: none;
    }

    .scope-node,
    .result-destinations a,
    .solutions-joined-actions a,
    .hho-art-hotspot::after,
    .hho-instrument-register > li::after {
        transition: none;
    }
}

@keyframes solutions-evidence-pulse {
    from { opacity: .48; transform: scale(.8); }
    to { opacity: 1; transform: scale(1.28); }
}

@keyframes solutions-core-rotate {
    to { transform: rotate(360deg); }
}