/* ===== LAYOUTS/SIGNAL-CHAIN-RESPONSIVE.CSS ===== */
/* Responsive adjustments for signal chain */

@media (max-width: 680px) {
    .signal-chain {
        padding: 20px 20px;
    }

    .signal-chain > * {
        width: 100px;
    }

    .signal-chain > .signal-bus {
        width: 100%;
    }

    .signal-chain > .signal-node-path,
    .signal-chain > .signal-node-out {
        width: auto;
    }

    .signal-rec-modes {
        position: relative;
        left: 0;
        transform: none;
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
    }

    .signal-rec-modes::before {
        display: none;
    }

    .signal-fork-paths,
    .signal-split-paths {
        flex-direction: column;
        align-items: center;
    }

    .signal-fork-paths::before,
    .signal-fork-paths::after,
    .signal-split-paths::before {
        content: none;
    }

    .signal-fork-path::before,
    .signal-fork-path::after,
    .signal-split-path::before {
        content: none;
    }

    .signal-fork-path,
    .signal-split-path {
        width: 100px;
    }
}