﻿.apo-news-horizontal {
    --news-title-color: var(--bs-primary-navy);
    container: news-inline / inline-size;
}

.apo-news-horizontal__title {
    color: var(--news-title-color);
    transition: color 0.25s ease;    
}

    .apo-news-horizontal__title a {
        color: currentColor;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.apo-news-horizontal > ul {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20.625rem), 1fr))
}

@media (width >= 37.5rem) {
    .apo-news-horizontal > ul > li:not(:last-child) {
        padding-inline-end: 2rem;
    }
}

.apo-news-horizontal > ul > li:has(:hover) {
    --news-title-color: var(--bs-primary);
}
