.share-bar { margin-top: 16px; }
.share-bar h2 { margin: 0 0 8px; font-size: 14px; font-weight: 800; color: #1f2937; }
.share-bar-row { display: flex; flex-wrap: wrap; gap: 8px; min-height: 40px; }
.share-bar a, .share-bar button { box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; height: 40px; margin: 0; padding: 0 12px; border: 1px solid #c4ebe4; border-radius: 999px; background: #fff; color: #0b7f70; font: inherit; font-size: 13px; font-weight: 750; line-height: 1; text-decoration: none; cursor: pointer; }
.share-bar a:hover, .share-bar button:hover { background: #e6f6f3; }
.share-bar svg { display: block; fill: currentColor; flex: 0 0 20px; }
.share-status { min-height: 1.1em; margin: 6px 0 0; font-size: 12px; font-weight: 700; color: #0b7f70; }
.share-bar-on-dark h2 { color: #f3faf8; }
.share-bar-on-dark a, .share-bar-on-dark button { background: transparent; color: #d7efe9; border-color: #3d5f58; }
.share-bar-on-dark a:hover, .share-bar-on-dark button:hover { background: #1a3330; }
.follow-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; }
.follow-row p { margin: 0; font-size: 12px; font-weight: 800; }
.follow-row a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 999px; border: 1px solid #c4ebe4; color: #0b7f70; }
.follow-row svg { width: 18px; height: 18px; fill: currentColor; }
.rl-foot .follow-row p, .rl-foot .follow-row a { color: #d7efe9; border-color: #3d5f58; }
@media (max-width: 640px) {
    .share-bar a, .share-bar button { height: 44px; }
    .share-bar-row { min-height: 44px; }
}