.split_list_with_cards {
    --slwc-title-fz: clamp(17px, 28 * (100vw / 1920), 28px);
    --slwc-title-lh: clamp(19px, 32 * (100vw / 1920), 32px);
    --slwc-text-fz: clamp(15px, 19 * (100vw / 1920), 19px);
    --slwc-text-lh: clamp(16px, 24 * (100vw / 1920), 24px);
    --slwc-large-fz: clamp(15px, 28 * (100vw / 1920), 28px);
    --slwc-large-lh: clamp(16px, 32 * (100vw / 1920), 32px);
    --slwc-section-gap: clamp(28px, 84 * (100vw / 1920), 84px);
    --slwc-list-gap: clamp(8px, 12 * (100vw / 1920), 12px);
    --slwc-card-bg: #EDEDED;
}

.split_list_with_cards.grey {
    --slwc-card-bg: #fff;
    background-color: #EDEDED;
}
.split_list_with_cards.white_bg {
    background-color: #fff;
}

/* ===== Heading ===== */

.split_list_with_cards .split_list_with_cards__title {
    margin: 0 0 12px;
    color: #000;
}

.split_list_with_cards__description {
    font-size: var(--slwc-large-fz);
    line-height: var(--slwc-large-lh);
    letter-spacing: -0.01em;
    color: #000;
}

.split_list_with_cards__description * {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
}

.split_list_with_cards__description > *:not(:last-child) {
    margin-bottom: 12px;
}

.split_list_with_cards__title + .split_list_with_cards__items,
.split_list_with_cards__description + .split_list_with_cards__items {
    margin-top: var(--slwc-section-gap);
}

/* ===== Items ===== */

.split_list_with_cards__items {
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 56 * (100vw / 1920), 56px);
}

.split_list_with_cards__item {
    display: grid;
    grid-template-columns: 31fr 42fr 27fr;
    align-items: start;
    gap: clamp(12px, 42 * (100vw / 1920), 42px);
    padding-top: clamp(12px, 28 * (100vw / 1920), 28px);
    border-top: 2px solid #000;
}

.split_list_with_cards .split_list_with_cards__item_title {
    margin: 0;
    font-size: var(--slwc-title-fz);
    line-height: var(--slwc-title-lh);
    font-weight: 500;
    letter-spacing: -0.01em;
    text-transform: none;
    color: #000;
}

/* ===== Item description (wysiwyg) ===== */

.split_list_with_cards__item_description,
.split_list_with_cards__card {
    font-size: var(--slwc-text-fz);
    line-height: var(--slwc-text-lh);
    letter-spacing: -0.01em;
    color: #000;
}

.split_list_with_cards__item_description * {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
}

.split_list_with_cards__item_description a,
.split_list_with_cards__item_description a * {
    font-weight: inherit;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.split_list_with_cards__item_description > *:not(:last-child) {
    margin-bottom: clamp(12px, 16 * (100vw / 1920), 16px);
}

.split_list_with_cards__item_description ul > li:not(:last-child) {
    margin-bottom: var(--slwc-list-gap);
}

.split_list_with_cards__item_description ul {
    padding-left: 0;
    list-style: none;
}

.split_list_with_cards__item_description ul > li ul {
    margin-top: var(--slwc-list-gap);
}

.split_list_with_cards__item_description ul li {
    display: flex;
}

.split_list_with_cards__item_description ul li:has(> ul) {
    flex-wrap: wrap;
}

.split_list_with_cards__item_description ul li::before {
    content: "•";
    margin-right: 0.5em;
}

/* ===== Card ===== */

.split_list_with_cards__card {
    display: flex;
    flex-direction: column;
    gap: clamp(4px, 8 * (100vw / 1920), 8px);
    padding: clamp(16px, 28 * (100vw / 1920), 28px);
    background-color: var(--slwc-card-bg);
}

.split_list_with_cards .split_list_with_cards__card_title,
.split_list_with_cards .split_list_with_cards__card_description {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

.split_list_with_cards .split_list_with_cards__card_title {
    font-weight: 500;
}

@media (max-width: 1024px) {
    .split_list_with_cards__item {
        grid-template-columns: 1fr 1fr;
    }

    .split_list_with_cards__item_title {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .split_list_with_cards__item {
        grid-template-columns: 1fr;
    }
}