/* PublicHealth share buttons — minimal, no framework dependency. */
.ph-share { --ph-share-size: 40px; --ph-share-gap: 8px; font-family: inherit; }
.ph-share__title { display: block; font-size: 13px; font-weight: 700; letter-spacing: .02em; color: #3f3f46; margin-bottom: 10px; text-transform: uppercase; }
.ph-share__list { display: flex; flex-wrap: wrap; gap: var(--ph-share-gap); align-items: center; }
.ph-share__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: var(--ph-share-size); height: var(--ph-share-size); padding: 0 10px; border-radius: 10px; border: 1px solid #e4e4e7; background: #fff; color: #3f3f46; text-decoration: none; cursor: pointer; transition: transform .12s ease, background .15s ease, color .15s ease, border-color .15s ease; }
.ph-share__btn:hover { background: #eef8f8; border-color: #a0dede; color: #115252; transform: translateY(-1px); }
.ph-share__btn:focus-visible { outline: 2px solid #1a6b6b; outline-offset: 2px; }
.ph-share__btn svg { width: 18px; height: 18px; flex-shrink: 0; }
.ph-share__text { font-size: 13px; font-weight: 600; white-space: nowrap; }
.ph-share__btn--x:hover { background: #000; border-color: #000; color: #fff; }
.ph-share__btn--facebook:hover { background: #1877f2; border-color: #1877f2; color: #fff; }
.ph-share__btn--whatsapp:hover { background: #25d366; border-color: #25d366; color: #fff; }
.ph-share__btn--telegram:hover { background: #229ed9; border-color: #229ed9; color: #fff; }
.ph-share__btn--linkedin:hover { background: #0a66c2; border-color: #0a66c2; color: #fff; }
.ph-share__btn--native { display: none; }
/* Show native button only when Web Share API exists (JS adds .has-native). */
.ph-share.has-native .ph-share__btn--native { display: inline-flex; }
.ph-share--sidebar { position: sticky; top: 96px; }
/* Inside the single-post detail sidebar the column wrapper already sticks:
   a second sticky here makes the card drift/overlap while scrolling. */
.ph-detail-share .ph-share--sidebar { position: static; }
.ph-share--sidebar .ph-share__list { flex-direction: column; align-items: stretch; }
.ph-share--sidebar .ph-share__btn { justify-content: flex-start; width: 100%; }
.ph-share--compact .ph-share__btn { padding: 0; width: 36px; height: 36px; border-radius: 50%; }
.ph-share__toast { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 600; color: #115252; background: #eef8f8; border: 1px solid #a0dede; border-radius: 8px; padding: 6px 10px; }
.ph-share__toast[hidden] { display: none; }
@media (max-width: 640px) {
  .ph-share--inline .ph-share__text { display: none; }
  .ph-share--inline .ph-share__btn { padding: 0; width: var(--ph-share-size); }
}
@media (prefers-contrast: more) {
  .ph-share__btn { border-color: #000; }
}