/* Keep the numeric Like-list target, without an empty 44px slot. */
body:is([data-page="home"], [data-page="post"]) .post-card .post-actions .metric-action-group {
    flex: 0 0 auto; width: auto; max-width: none; gap: 0; margin: 0;
}
body[data-page="home"] .home-feed-column .post-actions .likes-count {
    display: grid; place-items: center; width: 24px; min-width: 24px; max-width: 24px;
    min-height: 44px; padding: 0; text-align: center; font-size: 10px; line-height: 11px;
    white-space: normal; overflow-wrap: anywhere; word-break: break-all; text-overflow: clip;
    overflow: visible; transform: none !important;
}
/* State stays on the icon; neither pressed nor hover paints a tile. */
body:is([data-page="home"], [data-page="post"]) .post-card .post-actions :is([data-action="repost"], [data-action="save"]) {
    background: transparent !important; background-image: none !important; box-shadow: none !important;
    transform: none !important;
}
body:is([data-page="home"], [data-page="post"]) .post-card .post-actions :is([data-action="repost"], [data-action="save"]).active {
    color: var(--ch-action-active, #635bff) !important;
}
:root[data-theme="dark"] { --ch-action-active: #a59fff; }
body:is([data-page="home"], [data-page="post"]) .post-card .post-actions :is([data-action="repost"], [data-action="save"]):focus-visible {
    outline: 2px solid currentColor; outline-offset: -3px;
}
/* A single logical row: Like, Comment, Repost, Share, Save, Sound, Views. */
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-actions {
    display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap;
    gap: 0; padding: 0 2px; margin: 0; min-height: 44px; box-sizing: border-box;
}
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-actions .action-left {
    display: flex; align-items: center; justify-content: flex-start; flex: 0 0 auto; gap: 0; max-width: none; margin: 0;
}
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-actions .metric-action {
    flex: 0 0 44px; width: 44px; min-width: 44px; max-width: 44px; min-height: 44px;
    margin: 0; padding: 0; gap: 2px; align-items: center; justify-content: center;
}
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-actions .metric-action > span {
    flex: 0 0 auto; line-height: 0;
}
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-actions em {
    min-width: 0; max-width: 40px; font-size: 10px; line-height: 11px; white-space: normal; overflow-wrap: anywhere;
    text-overflow: clip; overflow: visible;
}
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-actions .post-action-sound {
    display: flex; align-items: center; justify-content: flex-start; flex: 1 1 0;
    width: auto; min-width: 24px; max-width: none; height: 44px; min-height: 44px;
    gap: 3px; padding: 0 3px; margin: 0; border: 0; border-radius: 4px;
    box-sizing: border-box; color: var(--text-primary); background: transparent;
    overflow: hidden; text-decoration: none; animation: none;
}
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-action-sound .post-action-sound-icon {
    display: block; flex: 0 0 18px; width: 18px; min-width: 18px; font-size: 18px;
    line-height: 24px; color: inherit; animation: none; transform: none;
}
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-action-sound .post-action-sound-label {
    display: block; flex: 1 1 0; min-width: 0; max-width: none; width: auto;
    padding: 0; font-size: 10px; font-weight: 500; line-height: 14px; color: inherit;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; animation: none; transform: none;
}
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-sound-link > span:not(.post-action-sound-icon) { display: none; }
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-action-sound:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-actions > .post-view-count {
    display: grid !important; grid-template-columns: 8px 1fr; align-content: center; align-items: center;
    justify-content: center; flex: 0 0 32px; width: 32px; min-width: 32px; max-width: 32px;
    min-height: 44px; gap: 0; margin: 0; padding: 0; border: 0; text-align: center;
}
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-view-count > span { font-size: 8px; }
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-view-count > b {
    min-width: 0; max-width: 24px; font-size: 10px; line-height: 11px; white-space: normal; overflow-wrap: anywhere;
}
body:is([data-page="home"], [data-page="post"]) .post-card[data-post-action-compact] .post-view-count > small { grid-column: 1 / -1; font-size: 8px; line-height: 10px; }
/* The server-rendered Post counter uses 1,400 rather than Home's 1.4K. */
body[data-page="post"] .post-card.shared-post[data-post-action-compact] .post-actions > .post-view-count {
    flex-basis: 40px; width: 40px; min-width: 40px; max-width: 40px;
}
body[data-page="post"] .post-card.shared-post[data-post-action-compact] .post-view-count > b { max-width: 32px; }

/* v410: one 44px Like column, same icon/count layout and pitch as its neighbours.
   Keep both original buttons: the number still opens the liker list. */
body[data-page="home"] .home-feed-column .post-card[data-post-action-compact] .post-actions .metric-action-group {
    position: relative; display: grid; grid-template-columns: 44px; grid-template-rows: 24px 24px;
    flex: 0 0 44px; width: 44px; min-width: 44px; max-width: 44px; height: 48px;
    gap: 0; margin: 0; align-items: start;
}
body[data-page="home"] .home-feed-column .post-card[data-post-action-compact] .post-actions .action-left > .metric-action {
    flex-direction: column;
}
body[data-page="home"] .home-feed-column .post-card[data-post-action-compact] .post-actions .metric-action-group > [data-action="like"] {
    grid-area: 1 / 1 / 3 / 2; align-self: start; box-sizing: border-box;
    height: 44px; min-height: 44px; max-height: 44px; flex-direction: column;
    justify-content: flex-start; padding: 6.5px 0 0; transform: none !important; z-index: auto; will-change: auto !important;
}
/* Keep the full heart glyph above the independent numeric hit target. */
body[data-page="home"] .home-feed-column .post-card[data-post-action-compact] .post-actions .metric-action-group > [data-action="like"] > span {
    position: relative; z-index: 2; pointer-events: auto;
}
body[data-page="home"] .home-feed-column .post-card[data-post-action-compact] .post-actions .metric-action-group > .likes-count {
    grid-area: 2 / 1 / 3 / 2; position: relative; z-index: 1; align-self: start;
    display: grid; place-items: center; box-sizing: border-box;
    width: 44px; min-width: 44px; max-width: 44px; height: 24px; min-height: 24px; max-height: 24px;
    margin: 0; padding: 0; font-size: 10px; font-weight: 500; font-style: normal; line-height: 11px;
    white-space: nowrap; word-break: normal; overflow-wrap: normal; text-align: center;
    background: transparent !important; transform: none !important;
}