.article-share{max-width:720px;margin:0 auto 30px;padding:16px 18px;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px rgba(11,15,7,.06)}
.article-share-label{flex:none;font:800 11px/1.3 'Space Grotesk',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}
.article-share-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.article-share-button{min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--paper);color:var(--ink);font:750 12px/1 'Inter',sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .18s,border-color .18s,background-color .18s,color .18s}
.article-share-button:hover{transform:translateY(-2px);border-color:var(--green);background:rgba(152,206,48,.12);color:var(--green-d)}
.article-share-button:focus-visible{outline:3px solid rgba(152,206,48,.38);outline-offset:2px}
.article-share-button.is-copied{border-color:var(--green);background:var(--green);color:var(--ink)}
.article-share-icon{width:23px;height:23px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font:800 10px/1 'Space Grotesk',sans-serif;letter-spacing:-.02em}
.article-share-button:hover .article-share-icon{background:var(--green-d)}
.article-share-native{display:none}
@media(max-width:820px){.article-share{align-items:flex-start;flex-direction:column;gap:11px;padding:15px;margin-bottom:24px}.article-share-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.article-share-button{padding:8px 7px}.article-share-native{display:inline-flex}}
@media(max-width:520px){.article-share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.article-share-button{justify-content:flex-start;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.article-share-button{transition:none}.article-share-button:hover{transform:none}}