.article-interactions { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--hair); color: var(--ink); }
.article-interactions h2 { font-size: var(--title); margin: 24px 0 12px; }
.article-interactions button, .article-interactions summary { min-height: 48px; padding: 10px 14px; cursor: pointer; }
.article-interactions button { color: var(--ink); background: var(--paper); border: 1px solid var(--hair); border-radius: var(--radius-input); }
.discussion-reactions { display: flex; flex-wrap: wrap; gap: 8px; }
.discussion-reactions button { display: inline-flex; align-items: center; gap: 8px; color: var(--link); }
.discussion-reactions svg { width: 21px; height: 21px; flex-shrink: 0; }
.article-interactions button[aria-pressed=true] { color: var(--link); border-color: currentColor; background: var(--soft); }
.article-interactions button:disabled { opacity: .55; cursor: wait; }
.article-interactions ul { padding: 0; list-style: none; }
.article-interactions li { padding: 16px 0; border-bottom: 1px solid var(--hair); overflow-wrap: anywhere; }
.article-interactions li p { white-space: pre-wrap; margin: 8px 0; }
.discussion-author { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.discussion-author strong { min-width: 0; overflow-wrap: anywhere; }
.discussion-author details { position: relative; flex-shrink: 0; }
.discussion-menu { position: absolute; right: 0; z-index: 2; width: min(260px,65vw); background: var(--paper); border: 1px solid var(--hair); padding: 8px; }
.discussion-menu button { display: block; width: 100%; text-align: left; }
.discussion-empty { color: var(--muted); padding: 20px 0; }
.article-interactions form { display: grid; gap: 12px; }
.article-interactions textarea { display: block; width: 100%; box-sizing: border-box; resize: vertical; margin-top: 8px; padding: 12px; color: var(--ink); background: var(--paper); border: 1px solid var(--hair); border-radius: var(--radius-input); font: inherit; font-size: max(16px,1em); }
.article-interactions form button { justify-self: end; }