.article-share h2{margin:0 0 16px;color:var(--ink);font-size:18px;font-weight:600}
.article-share-actions{display:flex;flex-wrap:wrap;gap:10px}
.article-share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:500;line-height:1.4;cursor:pointer}
.article-share-button .bi{font-size:19px;line-height:1}
.article-share-facebook{color:#0866d9}
.article-share-line{color:#087e37}
.article-share-messenger{color:#6650cf;order:1}
.article-share-facebook{order:0}
.article-share-line{order:2}
.article-share-twitter-x{order:3}
.article-share-whatsapp{color:#087b40;order:4}
.article-share-button[data-share-action="copy"]{order:5}
.article-share-button[data-share-action="more"]{order:6}
.article-share-button:hover{background:var(--cream);border-color:#b8b2a8}
.article-share-button:focus-visible,.article-share-fallback input:focus-visible,.article-share-fallback a:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.article-share-status{margin:12px 0 0;color:var(--muted);font-size:13px;font-weight:400;line-height:1.7}
.article-share-status:empty{display:none}
.article-share-fallback{margin-top:16px;color:var(--ink);font-size:13px;font-weight:400}
.article-share-fallback label{display:block;margin-bottom:6px}
.article-share-fallback input{display:block;width:100%;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--cream);color:var(--ink);font-size:14px}
.article-share-fallback a{display:inline-block;margin-top:10px;color:var(--red);text-decoration:underline}
.article-share [hidden]{display:none!important}
@media(max-width:480px){.article-share-button{flex:1 1 calc(50% - 10px);padding:10px}.article-share-actions{gap:8px}}