.site-post-engagements { display: flex; flex-wrap: wrap; gap: 0 18px; color: var(--x-muted); font-size: 13px; line-height: 20px; }
.site-post-engagements > a { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; }
.site-post-engagements strong { color: var(--x-ink); font-weight: 700; }
.site-post-engagements > a:hover { text-decoration: underline; }
.site-post-engagements:has(> a:not([hidden])) { padding-bottom: 4px; }
.site-engagement-context strong { display: block; margin-bottom: 6px; color: var(--accent); }
.site-engagement-context p { white-space: pre-wrap; overflow-wrap: anywhere; }
@media(max-width:600px) { .site-post-engagements > a { min-height: 36px; } }