/* Local proposal only. No heart/Loopz button overrides. */
.post-about { margin: 8px 16px; border: 1px solid var(--border-color); border-radius: 14px; color: var(--text-primary); background: var(--surface-raised); }
.post-about summary { padding: 14px; cursor: pointer; font-weight: 600; }
.post-about dl { margin: 0; padding: 0 14px 14px; }
.post-about dt { margin-block-start: 12px; font-size: .8rem; color: var(--text-secondary); }
.post-about dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.post-about time { unicode-bidi: plaintext; }
.post-about small { display: block; margin-block-start: 4px; color: var(--text-secondary); }
.metric-action-group { display: inline-flex; align-items: center; }
.post-card .likes-count { appearance: none; background: transparent; border: 0; color: var(--text-primary); min-width: 32px; min-height: 44px; padding: 4px 8px; font: inherit; cursor: pointer; }
.post-card button.liked-by { display: block; background: transparent; color: var(--text-primary); border: 0; text-align: start; cursor: pointer; }
#likes-modal .likes-modal-card { width: min(460px, calc(100vw - 24px)); max-height: min(640px, 85dvh); overflow: hidden; border-radius: 20px; background: var(--surface-raised); color: var(--text-primary); border: 1px solid var(--border-color); }
#likes-modal .likes-modal-body { max-height: min(550px, 70dvh); overflow: auto; overscroll-behavior: contain; padding: 6px 16px 16px; }
#likes-modal .likes-user-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border-color); }
#likes-modal .likes-user-profile { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; color: inherit; text-decoration: none; }
#likes-modal .likes-user-avatar { width: 44px; height: 44px; flex: 0 0 44px; object-fit: cover; border-radius: 50%; }
#likes-modal .likes-user-identity { display: block; min-width: 0; overflow-wrap: anywhere; }
#likes-modal .likes-user-identity b { color: var(--text-primary); font-weight: 600; }
#likes-modal .likes-user-identity small { display: block; color: var(--text-secondary); margin-block-start: 3px; font-size: .8rem; }
#likes-modal .likes-follow { flex: 0 0 auto; min-height: 44px; }
#likes-modal .likes-follow:disabled { opacity: .75; }
#likes-modal .likes-more { width: 100%; min-height: 44px; margin-block-start: 12px; border-radius: 12px; background: var(--btn-bg-secondary); color: var(--text-primary); border: 1px solid var(--border-color); cursor: pointer; }
#likes-modal :is(a,button):focus-visible, .post-about summary:focus-visible, .likes-count:focus-visible { outline: 2px solid var(--text-primary); outline-offset: 3px; }