/* Add to your ~/HomeCss bundle */
.share-box { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.share-label { font-size: 13px; font-weight: 600; color: #333; }
.share-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.share-list li { margin: 0; padding: 0; }

.share-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; min-width: 34px;
    border: 0; border-radius: 50%; cursor: pointer;
    color: #fff !important; font-size: 15px; line-height: 1; text-decoration: none;
    background: #333;
}
.share-btn:hover { opacity: .85; text-decoration: none; }
.share-btn:focus-visible { outline: 3px solid #ffbf47; outline-offset: 2px; }
.share-btn[hidden] { display: none; }

/* contrast-safe brand colours (white icon) */
.share-fb   { background: #1b4f9c; }
.share-x    { background: #000; }
.share-wa   { background: #0b7a4b; }
.share-in   { background: #0a66c2; }
.share-tg   { background: #1a6fa0; }
.share-mail { background: #555; }
.share-copy { background: #333; }
.share-copy.copied { background: #0b7a4b; }
.share-native { background: #092e56; }

/* visually hidden live region */
.share-live {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* page-level share bar above footer */
.page-share { padding: 12px 0; background: #f5f5f5; border-top: 1px solid #e5e5e5; }
.page-share .share-box { margin-top: 0; justify-content: center; }