/* Home-only density: retain media geometry, original order and native controls.
 * Append after the complete active CSS stack. Paired with template-proposal.json.
 * Loopz, detail, navigation and player controls intentionally remain untouched. */
body[data-page="home"] .home-feed-column > .feed { gap: 1px; }
body[data-page="home"] .home-feed-column .post-card { border-radius: 0; }
body[data-page="home"] .home-feed-column .post-head { padding: 4px 10px; gap: 8px; }
body[data-page="home"] .home-feed-column .post-head :is(.post-avatar-link, .post-options, .feed-follow-btn) { min-width: 44px; min-height: 44px; }
body[data-page="home"] .home-feed-column .post-avatar-link { width: 44px; height: 44px; flex-basis: 44px; }
body[data-page="home"] .home-feed-column .post-user-link { overflow: visible; overflow-wrap: anywhere; }
body[data-page="home"] .home-feed-column .post-user-link :is(b, span) { white-space: normal; overflow-wrap: anywhere; }
body[data-page="home"] .home-feed-column .post-head + .post-body { padding: 0 10px 4px; }
body[data-page="home"] .home-feed-column .post-sound-link {
    min-height: 44px; max-width: calc(100% - 20px); margin: 0 10px 4px;
    padding: 2px 8px; border-radius: 8px;
}
body[data-page="home"] .home-feed-column .post-sound-link b { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
body[data-page="home"] .home-feed-column .post-actions {
    min-height: 44px; padding: 0 6px; gap: 2px; flex-wrap: nowrap;
}
body[data-page="home"] .home-feed-column .post-actions .action-left { flex: 0 0 auto; gap: 0; max-width: none; }
body[data-page="home"] .home-feed-column .post-actions :is(.metric-action, .likes-count) { min-width: 44px; min-height: 44px; max-width: none; flex-shrink: 0; }
body[data-page="home"] .home-feed-column .post-actions .metric-action-group > [data-action="like"] { width: 44px; min-width: 44px; max-width: 44px; justify-content: center; }
body[data-page="home"] .home-feed-column .post-actions .likes-count { padding: 0 2px; }
body[data-page="home"] .home-feed-column .post-actions > .metric-action:last-of-type { margin-inline-start: 0; }
body[data-page="home"] .home-feed-column .post-actions > .post-view-count {
    margin-inline-start: auto; padding: 0; min-height: 44px; gap: 2px;
    flex: 0 1 auto; flex-wrap: wrap; justify-content: flex-end; font-size: 10px;
}
body[data-page="home"] .home-feed-column .post-actions > .post-view-count small { font-size: 9px; }
body[data-page="home"] .home-feed-column .post-actions em { max-width: none; overflow: visible; text-overflow: clip; }
@media (max-width: 420px) {
    body[data-page="home"] .home-feed-column .post-actions { padding-inline: 2px; gap: 0; }
    body[data-page="home"] .home-feed-column .post-actions :is(.metric-action, .likes-count) { width: 44px; max-width: 44px; }
    body[data-page="home"] .home-feed-column .post-actions .metric-action { flex-direction: column; gap: 0; }
    body[data-page="home"] .home-feed-column .post-actions :is(em, .likes-count) {
        font-size: 10px; line-height: 11px; white-space: normal; overflow-wrap: anywhere;
        max-width: 44px; text-overflow: clip; overflow: visible;
    }
    body[data-page="home"] .home-feed-column .post-actions em { max-width: 40px; }
    body[data-page="home"] .home-feed-column .post-actions > .post-view-count {
        min-width: 0; flex: 1 1 0; gap: 0; font-size: 9px; line-height: 11px;
    }
    body[data-page="home"] .home-feed-column .post-actions > .post-view-count b { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
}