﻿.at-articleHighlight__inner {
    border-bottom-left-radius: var(--borderRadiusMedium);
    background-color: var(--secondaryColor300);
    overflow: clip;
}

.at-articleHighlight__text {
    padding: clamp(var(--marginSmall), 8vw, var(--marginLarge));
}

.at-articleHighlight__intro {
    max-width: 60ch;
}

.at-articleHighlight__intro li {
    padding-left: 1rem;
}

.at-articleHighlight__intro li + li {
    margin-block-start: var(--marginExtraSmall);
}

.at-articleHighlight__intro li::marker {
    content: '\e82b';
    font-family: var(--iconFont);
    font-size: 1.75rem;
}

.at-articleHighlight .u-buttonWrapper {
    margin-top: var(--marginMedium);
    justify-content: flex-start;
}

.at-articleHighlight__imageWrapper {
    display: none;
}

.at-articleHighlight__image {
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.at-articleHighlight__subtitle {
    font-size: var(--smallerSize);
}

@media (min-width: 1024px) {
    .at-articleHighlight__contentWrapper:has(.at-articleHighlight__imageWrapper) {
        display: grid;
        grid-template-columns: 500px 1fr;
        align-items: center;
    }

    .at-articleHighlight__imageWrapper {
        display: block;
        height: 100%;
        order: -1;
    }
}
