/* Share bar — /clients/ articles. Uses page variables with fallbacks. */
.share-bar{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;
  margin:.9rem 0 0;padding:0;direction:rtl;
}
.share-bar--end{margin:2rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line,rgba(26,24,20,.1))}
.share-bar__label{
  font-size:.85rem;font-weight:700;color:var(--fg,#1A1814);margin-inline-end:.15rem;
}
.share-bar button{
  appearance:none;-webkit-appearance:none;margin:0;
  display:inline-flex;align-items:center;gap:.4rem;
  min-height:2.25rem;padding:.35rem .8rem;
  font:inherit;font-size:.82rem;font-weight:600;line-height:1.2;
  color:var(--fg,#1A1814);background:var(--card,#fff);
  border:1px solid var(--line,rgba(26,24,20,.1));border-radius:999px;
  cursor:pointer;transition:border-color .15s,color .15s;
}
.share-bar button:hover{border-color:var(--amber,#D64818);color:var(--amber,#D64818)}
.share-bar button:focus-visible{outline:2px solid var(--amber,#D64818);outline-offset:2px}
.share-bar svg{width:1.05rem;height:1.05rem;flex:none;display:block}
.share-toast{
  position:fixed;inset-inline:0;bottom:1.25rem;margin-inline:auto;width:max-content;max-width:calc(100vw - 2rem);
  padding:.6rem 1.1rem;border-radius:999px;
  background:var(--ink,#12141c);color:#F7F5F0;font-size:.88rem;font-weight:600;text-align:center;
  box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:100;
  opacity:0;transform:translateY(.5rem);pointer-events:none;transition:opacity .2s,transform .2s;
}
.share-toast.is-on{opacity:1;transform:none}
@media (max-width:420px){
  .share-bar{gap:.4rem}
  .share-bar__label{flex:0 0 100%}
  .share-bar button{padding:.35rem .6rem;gap:.3rem;font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){.share-bar button,.share-toast{transition:none}}
@media print{.share-bar,.share-toast{display:none}}