.flex-layout.content_medal_cols-layout {
    background: var(--tpa-gradient);
    color: var(--color-white);
    position: relative;
    z-index: 1;
    margin-top: -50px;
}

.flex-layout.content_medal_cols-layout .pk-row {
    padding-block: 0;
}

.flex-layout.content_medal_cols-layout .content_medal_cols_col {
    display: flex;
    flex-direction: column;
    padding-block: max(2.5rem, calc(12.5 * var(--su))) max(2.5rem, calc(11.25 * var(--su)));
}

.flex-layout.content_medal_cols-layout .content_medal_cols_head {
    flex: 1 1 auto;
}

.flex-layout.content_medal_cols-layout .content_medal_cols_head .pk-heading {
    position: sticky;
    top: calc(var(--pk-header-height, 0px) + max(1rem, calc(2 * var(--su))));
    font-size: max(3rem, calc(5.625 * var(--su)));
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    color: var(--color-white);
    margin: 0;
}

.flex-layout.content_medal_cols-layout .content_medal_cols_list {
    list-style: none;
    margin: auto 0 0;
    padding: 0;
}

.flex-layout.content_medal_cols-layout .content_medal_cols_item {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: max(1rem, calc(1 * var(--su)));
    font-size: var(--desktop-body-lg);
    padding-block: max(0.5rem, calc(0.75 * var(--su)));
    border-bottom: 1px solid color-mix(in srgb, currentColor 50%, transparent);
}

@media only screen and (min-width: 993px) {

    .flex-layout.content_medal_cols-layout .content_medal_cols_col {
        min-height: max(37.5rem, calc(62.5 * var(--su)));
    }

    .flex-layout.content_medal_cols-layout .content_medal_cols_col + .content_medal_cols_col {
        border-left: 1px solid currentColor;
        padding-left: max(1rem, calc(1.5 * var(--su)));
    }
}

@media only screen and (max-width: 992px) {
    .flex-layout.content_medal_cols-layout .pk-row {
        padding-block: 4rem;
    }

    .flex-layout.content_medal_cols-layout .content_medal_cols_col {
        padding-block: max(2.5rem, calc(3.75 * var(--su))) max(2.5rem, calc(3.75 * var(--su)));
    }

    .flex-layout.content_medal_cols-layout .content_medal_cols_col + .content_medal_cols_col {
        border-top: 1px solid currentColor;
    }

    .flex-layout.content_medal_cols-layout .content_medal_cols_head {
        flex: 0 0 auto;
        margin-bottom: max(2rem, calc(2.5 * var(--su)));
    }

    .flex-layout.content_medal_cols-layout .content_medal_cols_head .pk-heading {
        position: static;
    }

    .flex-layout.content_medal_cols-layout .content_medal_cols_list {
        margin-top: 0;
    }
}