.blog-share { width: min(720px, 100%); margin: 40px auto 0; padding-top: 24px; border-top: 1px solid var(--color-border, #dbe2e8); }
.blog-share h2 { margin: 0 0 16px; font-size: 18px; line-height: 1.4; }
.blog-share__links { display: flex; flex-wrap: wrap; gap: 10px; }
.blog-share__links a, .blog-share__links button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border: 1px solid var(--color-border, #dbe2e8); border-radius: 999px; background: var(--color-surface, #fff); color: var(--color-ink, #202936); font: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; text-decoration: none; cursor: pointer; }
.blog-share__links a:hover, .blog-share__links button:hover { border-color: #007f86; color: #007f86; }
.blog-share a:focus-visible, .blog-share button:focus-visible, .blog-share input:focus-visible { outline: 2px solid #007f86; outline-offset: 3px; }
.blog-share [hidden] { display: none !important; }
.blog-share__status { margin: 10px 0 0; font-size: 14px; }
.blog-share__status:empty { display: none; }
.blog-share__fallback { display: grid; gap: 6px; margin-top: 12px; font-size: 14px; }
.blog-share__fallback input { width: 100%; min-width: 0; padding: 12px; border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; }