/* Share button + menu: ONE design sitewide (the research project page's).
   Markup comes from Assets/share-menu.js; pages only place <div class="sc-share" data-sc-share>. */
.sc-share { position: relative; display: inline-block; }
.sc-share-btn {
  font: inherit; font-size: 11px; letter-spacing: 0.77px; text-transform: uppercase;
  color: var(--ink);
  background: none;
  border: 1px solid var(--rule);
  padding: 10px 12px;
  cursor: pointer;
  display: inline-flex; align-items: center; gap: 10px;
  transition: border-color 0.25s var(--ease-out);
}
.sc-share-btn:hover, .sc-share-btn[aria-expanded="true"] { border-color: var(--ink); }
.sc-share-dd {
  position: absolute; top: calc(100% + 6px); right: 0;
  min-width: 160px;
  background: #fff;
  border: 1px solid var(--rule);
  z-index: 60;
  display: none;
}
.sc-share.open .sc-share-dd { display: block; }
.sc-share-dd a, .sc-share-dd button {
  display: block; width: 100%; text-align: left;
  font: inherit; font-size: 12px; color: var(--ink); text-decoration: none;
  background: none; border: 0; border-bottom: 1px solid var(--rule);
  padding: 9px 12px; cursor: pointer;
}
.sc-share-dd :last-child { border-bottom: 0; }
.sc-share-dd a:hover, .sc-share-dd button:hover { color: var(--steel); }