/* Homepage feed — plan §8 Task 6.3
   Small caption rendered above each _FeedItem card that surfaces the ranker's
   dominant-signal reason (e.g. "Near you", "Trending", "From @kudzai you follow",
   "Promoted"). Aligned top-right so it reads as metadata attached to the card
   without competing with the content. Uses existing theme tokens — no palette-
   specific selectors. */
.feed-reason {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-muted);
    padding: 0 1rem 0.25rem;
    line-height: 1.4;
    text-align: right;
}

/* Load-more button (rendered by _FeedPage.cshtml). Uses --radius-sm (4px)
   per style-guide §5 and §7.1. */
.feed-load-more {
    display: block;
    margin: 1rem auto;
    border-radius: var(--radius-sm);
}

@media (max-width: 767.98px) {
    .feed-reason {
        padding-left: var(--page-gutter, 1rem);
        padding-right: var(--page-gutter, 1rem);
    }
}