/* Media Pipe — /pipe ownership + /pipe/money ledgers. No party paint on A/B/C. */

.cu-pipe-layout {
    display: grid;
    gap: 1rem;
    margin-top: 0.35rem;
}

@media (min-width: 900px) {
    .cu-pipe-layout {
        grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
        align-items: start;
    }
}

.cu-pipe-graph,
.cu-pipe-detail {
    background: var(--cu-cream, #f5f0e6);
    color: var(--cu-charcoal, #1a1a1a);
    border-radius: 0.55rem;
    padding: 0.9rem 1rem 1.05rem;
    box-shadow: 0 0 0 1px rgba(18, 18, 18, 0.08);
}

.cu-pipe-tree,
.cu-pipe-tree__children,
.cu-pipe-edges,
.cu-pipe-mix {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cu-pipe-tree__node {
    margin: 0 0 0.45rem;
}

.cu-pipe-tree__node--on > .cu-pipe-tree__link {
    outline: 2px solid var(--cu-teal, #0d9488);
    outline-offset: 2px;
}

.cu-pipe-tree__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.55rem;
    padding: 0.45rem 0.55rem;
    border-radius: 0.4rem;
    background: rgba(18, 18, 18, 0.04);
    text-decoration: none;
    color: inherit;
}

.cu-pipe-tree__link:hover,
.cu-pipe-tree__link:focus-visible {
    background: rgba(13, 148, 136, 0.12);
}

.cu-pipe-tree__children {
    margin: 0.35rem 0 0 0.85rem;
    padding-left: 0.55rem;
    border-left: 2px solid rgba(13, 148, 136, 0.35);
}

.cu-pipe-tree__edge {
    color: var(--cu-teal, #0d9488);
    font-weight: 700;
}

.cu-pipe-tree__node--cluster > .cu-pipe-tree__link {
    box-shadow: inset 3px 0 0 var(--cu-teal, #0d9488);
}

.cu-pipe-cluster-pill {
    background: rgba(13, 148, 136, 0.16);
}

.cu-pipe-owner-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    margin-left: 0.35rem;
    padding: 0 0.28rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    background: rgba(18, 18, 18, 0.1);
}

.cu-chip-btn--on .cu-pipe-owner-count {
    background: rgba(255, 255, 255, 0.28);
}

.cu-pipe-siblings {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cu-pipe-siblings li {
    margin: 0 0 0.25rem;
}

.cu-pipe-edges li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin: 0 0 0.4rem;
    font-size: 0.9rem;
}

.cu-pipe-detail__dl {
    margin: 0 0 0.85rem;
}

.cu-pipe-detail__dl > div {
    margin: 0 0 0.55rem;
}

.cu-pipe-detail__dl dt {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.72;
    margin: 0 0 0.15rem;
}

.cu-pipe-detail__dl dd {
    margin: 0;
}

.cu-pipe-explainer {
    margin-top: 0.85rem;
}

.cu-pipe-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.cu-pipe-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.55rem;
    border-radius: 0.35rem;
    font-size: 0.78rem;
    font-weight: 650;
    /* Charcoal page chrome - cream ink (charcoal text was invisible on dark). */
    background: rgba(13, 148, 136, 0.22);
    color: var(--cu-cream, #f5f0e6);
    border: 1px solid rgba(94, 234, 212, 0.45);
}

.cu-card-cream .cu-pipe-chip,
.cu-pipe-graph .cu-pipe-chip,
.cu-pipe-detail .cu-pipe-chip {
    background: rgba(13, 148, 136, 0.12);
    color: var(--cu-charcoal, #1a1a1a);
    border-color: rgba(13, 148, 136, 0.28);
}

.cu-pipe-cards {
    display: grid;
    gap: 0.75rem;
}

@media (min-width: 720px) {
    .cu-pipe-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.cu-pipe-card .cu-pipe-mix {
    margin: 0.45rem 0 0.55rem;
    font-size: 0.82rem;
}

.cu-pipe-card .cu-pipe-mix li {
    margin: 0.15rem 0;
}

.cu-pipe-ledger .cu-section-title {
    margin-bottom: 0.25rem;
}

/* Issues media_pipe CTA strip */
.cu-pipe-issues-cta {
    margin-top: 0.85rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(18, 18, 18, 0.1);
}

.cu-pipe-issues-cta .cu-process-flow {
    margin-bottom: 0.65rem;
}

/* ship e717432 */