.article-engagement { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; font: var(--type-meta)/var(--leading-ui) var(--font-ui); }
.post-card-footer .article-comment-link, .article-engagement .article-comment-link { display: inline; padding: 0; border: 0; text-decoration: none; }
.article-like, .article-like-static { margin-left: auto; }
.article-like { display: inline-flex; align-items: center; gap: 7px; padding: 6px; background: transparent; border: 0; color: var(--color-blue); font: inherit; cursor: pointer; min-height: 36px; }
.article-like[hidden], .article-like-static[hidden] { display: none; }
.article-like svg { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.article-like[aria-pressed=true] svg { fill: currentColor; }
.article-like:focus-visible { outline: var(--focus-ring); outline-offset: 3px; }
.article-like:disabled { cursor: wait; opacity: .6; }
.article-reaction-status { flex-basis: 100%; font-size: var(--type-meta); }
.article-reaction-status:empty { display: none; }
.share + .article-engagement { padding: 16px 0; border-top: 1px solid var(--color-sand); }
.post-card-footer .article-engagement { margin-top: 12px; }
