.slf-news-feed {
    --slf-feed-accent: #16834a;
    --slf-feed-title: #0b1f35;
    --slf-feed-muted: #687585;
    --slf-feed-border: rgba(11, 31, 53, .1);
    padding: 14px;
    background: var(--slf-feed-background, #fff);
    color: var(--slf-feed-title);
}

.slf-news-feed__items {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.slf-news-feed__item {
    display: flex;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--slf-feed-border);
}

.slf-news-feed__item:last-child { border-bottom: 0; }
.slf-news-feed__body { min-width: 0; }
.slf-news-feed__title { display: block; color: var(--slf-feed-title); font-weight: 800; line-height: 1.4; text-decoration: none; }
.slf-news-feed__title:hover { color: var(--slf-feed-accent); }
.slf-news-feed__date { display: block; margin-top: 5px; color: var(--slf-feed-muted); font-size: 12px; }
.slf-news-feed__badge { display: inline-block; margin-bottom: 5px; padding: 2px 7px; border-radius: 999px; background: var(--slf-feed-accent); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.slf-news-feed__excerpt { margin-top: 7px; color: var(--slf-feed-muted); font-size: 14px; line-height: 1.5; }
.slf-news-feed__image { flex: 0 0 92px; }
.slf-news-feed__image img { width: 92px; height: 68px; border-radius: 7px; object-fit: cover; }

.slf-news-feed--grid .slf-news-feed__items { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.slf-news-feed--grid .slf-news-feed__item { display: block; padding: 0 0 16px; }
.slf-news-feed--grid .slf-news-feed__image { display: block; margin-bottom: 10px; }
.slf-news-feed--grid .slf-news-feed__image img { width: 100%; height: auto; aspect-ratio: 16 / 9; }

.slf-news-feed--timeline .slf-news-feed__items { border-left: 2px solid var(--slf-feed-border); }
.slf-news-feed--timeline .slf-news-feed__item { position: relative; padding-left: 22px; }
.slf-news-feed--timeline .slf-news-feed__item::before { position: absolute; top: 21px; left: -6px; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: var(--slf-feed-accent); content: ""; }

.slf-news-feed--ticker { overflow: hidden; }
.slf-news-feed--ticker .slf-news-feed__items { display: flex; width: max-content; animation: slf-ticker 32s linear infinite; }
.slf-news-feed--ticker:hover .slf-news-feed__items { animation-play-state: paused; }
.slf-news-feed--ticker .slf-news-feed__item { flex: none; padding: 10px 24px; border: 0; }
.slf-news-feed--ticker .slf-news-feed__date,
.slf-news-feed--ticker .slf-news-feed__excerpt,
.slf-news-feed--ticker .slf-news-feed__image { display: none; }

.slf-news-feed--vertical { overflow: hidden; max-height: 320px; }
.slf-news-feed--vertical .slf-news-feed__items { transition: transform .45s ease; }

@keyframes slf-ticker { to { transform: translateX(-50%); } }

@media (prefers-reduced-motion: reduce) {
    .slf-news-feed--ticker .slf-news-feed__items { width: auto; animation: none; }
    .slf-news-feed--ticker { overflow-x: auto; }
}

@media (max-width: 700px) {
    .slf-news-feed--grid .slf-news-feed__items { grid-template-columns: 1fr; }
}