.article-share { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin:1rem 0; }
.article-share a, .article-share button { display:inline-flex; align-items:center; min-height:44px; padding:.4rem .7rem; background:#fff; color:#18533c; border:1px solid #a3bcb0; border-radius:.45rem; font:600 .875rem/1.3 system-ui,sans-serif; text-decoration:none; cursor:pointer; }
.article-share a:hover, .article-share button:hover { background:#e8f4ec; }
.article-share :focus-visible { outline:2px solid #24664c; outline-offset:2px; }
.article-share [role="status"] { font-size:.875rem; }
.article-share [role="status"]:empty { display:none; }
.article-share input { width:100%; }
.article-share textarea { width:100%; min-height:6rem; }
.article-share-preview p { white-space:pre-wrap; overflow-wrap:anywhere; }
.article-share-preview summary, .library-share summary { cursor:pointer; }