.content_keyfacts-layout {
    margin-block: max(4rem, calc(8.75 * var(--su)));
}

.content_keyfacts-layout .pk-row-content {
    align-items: start;
}

.content_keyfacts-layout .pk-content_wrap .pk-heading {
    font-size: var(--scaling-h3);
}

/* Left column - heading, text, key facts */
.content_keyfacts-layout .pk-content_wrap .pk-text {
    font-size: var(--desktop-body-md);
    color: var(--ex-grey-blue);
    line-height: 1.5;
    margin-top: max(1.5rem, calc(1.5 * var(--su)));
}

.content_keyfacts-layout .pk-content_wrap .pk-text p + p {
    margin-top: max(1rem, calc(1 * var(--su)));
}

.content_keyfacts-layout .pk-key-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: max(1rem, calc(1 * var(--su)));
    margin-top: max(2rem, calc(2 * var(--su)));
}

.content_keyfacts-layout .pk-key-fact {
    display: flex;
    align-items: center;
    gap: max(0.75rem, calc(0.75 * var(--su)));
    padding: max(1rem, calc(1 * var(--su)));
    border: 1px solid #f5f5f6;
    border-radius: max(0.5rem, calc(0.5 * var(--su)));
    background: rgba(var(--ex-grey-blue-rgb), 0.025);
}

.content_keyfacts-layout .pk-key-fact_icon {
    position: relative;
    flex-shrink: 0;
    width: max(2rem, calc(2 * var(--su)));
    height: max(2rem, calc(2 * var(--su)));
    border-radius: max(0.5rem, calc(0.5 * var(--su)));
    background: var(--ex-purple);
}

.content_keyfacts-layout .pk-key-fact_icon::before {
    content: "\e5ca";
    font-family: "Material Symbols Outlined";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: max(1rem, calc(1 * var(--su)));
    color: var(--ex-white);
}

.content_keyfacts-layout .pk-key-fact_icon.bg-red {
    background: var(--ex-red);
}

.content_keyfacts-layout .pk-key-fact_icon.bg-green {
    background: var(--ex-green);
}

.content_keyfacts-layout .pk-key-fact_icon.bg-light-blue {
    background: var(--ex-light-blue);
}

.content_keyfacts-layout .pk-key-fact_text {
    display: flex;
    flex-direction: column;
    font-size: var(--desktop-body-xs);
}

.content_keyfacts-layout .pk-key-fact_text .pk-key-fact_number {
    color: var(--ex-grey-blue);
    font-size: var(--desktop-body-sm);
    font-weight: 600;
    line-height: 1.2;
}

.content_keyfacts-layout .pk-key-fact_text span {
    color: rgba(136, 141, 152, 1);
}

@media only screen and (max-width: 992px) {
}

@media only screen and (max-width: 767px) {
    .content_keyfacts-layout .pk-key-facts {
        grid-template-columns: minmax(0, 1fr);
    }

    .content_keyfacts-layout .pk-content_wrap .pk-text {
        font-size: var(--desktop-body-sm);
    }
}