.article-share { margin:20px 0; padding:16px; border:1px solid #dce2d5; border-radius:12px; background:#f5f7ef; color:#293326; font:15px/1.5 system-ui,sans-serif; overflow-wrap:anywhere; }
.article-share .share-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.article-share .share-actions a,.article-share .share-actions button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; box-sizing:border-box; padding:10px 14px; margin:0; border:1px solid #bdc9b3; border-radius:8px; color:#305e52; background:white; font:600 14px/1.4 system-ui,sans-serif; text-decoration:none; cursor:pointer; }
.article-share :focus-visible { outline:3px solid #426b60; outline-offset:3px; }
.article-share .share-help,.article-share .share-message { margin:10px 0 0; font-size:13px; }
.article-share .share-message:empty { display:none; }
.article-share input { width:100%; min-width:0; box-sizing:border-box; margin-top:12px; padding:12px; font:inherit; }
@media(max-width:480px) { .article-share .share-actions>* { flex:1 1 125px; } }