/* =========================================================
   PIPELINE COUNTERS — Alternating Colors via nth-child
   ========================================================= */

/* Force square containers */
.pipeline-list__card {
    aspect-ratio: 1 / 1;
}

/* Odd cards (1st, 3rd, 5th...) = Primary Alt */
.pipeline-list__card-grid > .pipeline-list__card:nth-child(odd) {
    background-color: var(--primary--alt);
}

/* Even cards (2nd, 4th, 6th...) = Secondary Alt */
.pipeline-list__card-grid > .pipeline-list__card:nth-child(even) {
    background-color: var(--secondary--alt);
}

/* =========================================================
   RESPONSIVE TEXT HANDLING
   ========================================================= */

/* Prevent text overflow - clip or ellipsis instead of wrapping */
.pipeline-list__heading,
.card-data__heading.pipeline-list__heading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

/* Smaller font on narrow screens */
@media (max-width: 767px) {
    .pipeline-list__heading,
    .card-data__heading.pipeline-list__heading {
        font-size: 11px !important;
    }

    .pipeline-list__counter,
    .data__counter.pipeline-list__counter {
        font-size: 28px !important;
    }
}