.at-navigationCards.--light .articleTitle,
.at-navigationCards__itemWrapper.--light > * {
    color: var(--baseLight100);
}

/**
 * Items
 */

.at-navigationCards__item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: var(--marginSmallMedium);
    border-radius: var(--borderRadiusSmall);
    box-shadow: var(--boxShadow), 0 0 1px 1px rgba(0,0,0,0.1);
    color: var(--baseDark900);
    background-color: var(--baseLight100);
    transition: all ease-in-out .25s;
}

.at-navigationCards__item:has(.at-navigationCards__text) {
    gap: var(--marginSmall);
}

.at-navigationCards__item:has(.u-coverLink):hover {
    transform: translateY(-.15rem);
    box-shadow: var(--boxShadowHover);
}

.at-navigationCards__titleWrapper {
    display: flex;
    align-items: flex-start;
    gap: var(--marginSmall);
}

.at-navigationCards__title {
    margin: 0;
    font-size: var(--h5Size);
}

.at-navigationCards__text {
    margin-bottom: 0;
}

.at-navigationCards__image {
    display: block;
    width: var(--h3Size); /* a little bit bigger than at-navigationCards__title */
    order: -1;
}

.at-navigationCards__link {
    margin-top: auto;
    align-self: flex-start;
}

.at-navigationCards__moreLink {
    display: inline-block;
    margin-block-start: var(--marginMedium);
}