.slf-article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--slf-space-2);
    color: var(--slf-color-text-muted);
    font-size: var(--slf-font-size-100);
    line-height: 1.4;
}

.slf-article-meta__item,
.slf-article-meta__author {
    font-weight: var(--slf-font-weight-medium);
}

.slf-article-meta__item a {
    color: inherit;
    text-decoration: none;
}

.slf-article-meta__item a:hover {
    color: var(--slf-color-primary);
}

.slf-article-meta__item a:focus-visible {
    outline: 2px solid var(--slf-color-focus);
    outline-offset: 2px;
}

.slf-article-meta__separator {
    color: var(--slf-color-border);
}