/*
 * Block: CS Services
 */

.cs-services__grid {
    column-gap: var(--container-gap);
    align-items: start;
}

.cs-services__left {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cs-services__title {
    margin-bottom: var(--content-gap);
}

.cs-services__number {
    font-size: var(--text-m);
    font-weight: 600;
    color: var(--base-semi-light);
    font-family: 'Kinetika';
}

.cs-services__desc {
    font-size: var(--text-m);
    color: var(--base-semi-dark);
}

/* Service cards */
.cs-services__cards {
    column-gap: var(--grid-gap);
    row-gap: 0;
}

.cs-services__card {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: var(--space-s);
    border-bottom: 2px solid var(--primary);
}

.cs-services__card-number {
    font-size: var(--text-m);
    font-weight: 600;
    color: var(--base-semi-light);
    font-family: 'Kinetika';
}

.cs-services__card-title {
    font-size: var(--h4);
    font-weight: 600;
    margin: 0;
}

.cs-services__card-desc {
    font-size: var(--text-s);
    color: var(--base-semi-dark);
    margin: 0;
    line-height: 1.6;
}

/* Dark background overrides */
.cs-services.bg--dark .cs-services__card {
    border-bottom-color: var(--primary);
}