.article-engagement{position:relative;margin-top:36px;padding:22px 0 8px;border-top:1px solid var(--line)}
.engagement-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.engagement-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:#f7f1fb;font:inherit;font-weight:700;cursor:pointer;appearance:none;-webkit-appearance:none}
.engagement-button:hover,.engagement-button:focus-visible{border-color:#d56dff;box-shadow:0 0 0 2px rgba(213,109,255,.12)}
.like-button{min-width:92px}
.like-button .heart{font-size:1.4rem;line-height:1;color:#e7c4f7}
.like-button.is-liked{border-color:#d56dff;background:#2b123f}
.like-button.is-liked .heart{color:#e78bff}
.like-button:disabled{opacity:.65;cursor:default}
.share-wrap{position:relative}
.share-menu{position:absolute;z-index:10;top:56px;left:0;min-width:180px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#160b24;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.share-menu[hidden]{display:none!important}
.share-menu a,.share-menu button{display:block;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#f7f1fb;text-align:left;text-decoration:none;font:inherit;cursor:pointer}
.share-menu a:hover,.share-menu button:hover,.share-menu a:focus-visible,.share-menu button:focus-visible{background:#28143d}
.engagement-status{min-height:1.35em;margin:10px 0 0;color:var(--muted);font-size:.9rem}
.engagement-status[data-error="true"]{color:#f0b5b5}
@media(max-width:900px){.engagement-button{min-height:50px;padding:0 18px}.share-menu{min-width:190px}}