/* Small scraps of paper, with the current section color showing beneath. */
.article-share { display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px; padding-top:23px; padding-bottom:4px; }
.share-title { color:var(--ink); font:400 20px/1 var(--head); text-transform:uppercase; }
.share-buttons { display:flex; flex-wrap:wrap; gap:8px; }
.share-button { position:relative; display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:11px 16px; border:0; background:var(--black); color:#fff; font:700 13px/1 var(--label); letter-spacing:.03em; text-decoration:none; text-transform:uppercase; cursor:pointer; filter:drop-shadow(3px 3px 0 var(--red)); clip-path:polygon(0 7%,5% 4%,10% 7%,15% 3%,20% 5%,25% 1%,30% 5%,36% 2%,42% 5%,48% 2%,54% 5%,60% 1%,66% 5%,72% 2%,78% 5%,84% 1%,90% 5%,96% 2%,100% 6%,98% 48%,100% 94%,95% 97%,89% 94%,83% 98%,77% 95%,71% 99%,65% 95%,59% 98%,53% 95%,47% 99%,41% 95%,35% 98%,29% 95%,23% 99%,17% 95%,11% 98%,5% 95%,0 98%,2% 50%); }
.share-button:hover { background:var(--red-dark); }
.share-button:focus-visible { outline:3px solid var(--red-hot); outline-offset:4px; clip-path:none; }
.share-status { flex-basis:100%; color:var(--hl); font:600 13px/1.3 var(--ui); }
.share-status:empty { display:none; }
@media(max-width:600px) { .article-share { padding-top:20px; gap:10px; } .share-title { flex-basis:100%; } .share-button { padding-left:14px; padding-right:14px; } }