/* NOTE: KEY FEATURES (inc/new/sections/key-features.php) */

.kmd-key-features__title {
    padding-left: 14px;
    border-left: 4px solid var(--kmd-accent);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
}

/* the negative margins collapse the borders of neighbouring cells */
.kmd-key-features__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
    padding: 0 1px 1px 0;
}

/* columns prop: wider cells for longer texts, at most N in a row */
.kmd-key-features__list--max {
    grid-template-columns: repeat(auto-fill, minmax(max(min(100%, 280px), calc(100% / var(--kmd-features-max))), 1fr));
}

.kmd-key-features__list li {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 -1px -1px 0;
    padding: 18px 20px;
    border: 1px solid #E6E6E6;
    background: var(--kmd-white);
}

.kmd-key-features__name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.kmd-key-features__text {
    color: var(--kmd-soft);
    font-size: 14px;
}

.kmd-section--dark .kmd-key-features__list li {
    border-color: var(--kmd-dark-line);
    background: var(--kmd-dark-card);
}

.kmd-section--dark .kmd-key-features__text {
    color: var(--kmd-dark-soft);
}