.article-share-actions {
  display: flex;
  align-items: center;
  gap: 23px;
  flex-shrink: 1;
  flex-wrap: wrap;
}
.story-share-dialog {
  width: min(460px, calc(100% - 24px));
  max-height: calc(100dvh - 32px);
  padding: 22px;
  color: var(--text);
  background: var(--bg);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}
.story-share-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.story-share-heading h2 { margin: 0; font: 25px/1.3 var(--serif); }
#story-share-preview { width: auto; max-width: 100%; height: auto; max-height: 50dvh; margin: 18px auto; }
.story-share-dialog .field-help { font-size: 12px; line-height: 1.7; }
.story-share-controls { display: flex; flex-wrap: wrap; gap: 10px; }
.story-share-controls .button { font-size: 12px; }
.story-share-dialog [hidden] { display: none; }
.social-preview-section {
  margin-top: 38px;
  border-top: 1px solid var(--border);
  padding-top: 20px;
}
.social-preview-section .section-heading {
  border-top: 0;
  padding: 0 0 20px;
}
.social-preview-section .eyebrow,
.social-preview-section .section-heading .mono {
  font-size: 9px;
}
#social-format {
  max-width: 330px;
  font-size: 12px;
}
.social-preview-image {
  border: 1px solid var(--border);
  background: var(--surface);
  padding: 12px;
}
.social-preview-image img {
  width: 100%;
  height: auto;
  margin: auto;
}
.social-preview-image[data-format="story"] img,
.social-preview-image[data-format="feed"] img {
  max-width: 360px;
}
.social-help {
  margin: 15px 0;
}
.social-preview-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 15px;
}
.social-preview-actions .button,
.social-preview-actions .text-button {
  font-size: 10px;
  padding: 9px 12px;
}
#social-preview-status {
  margin-top: 15px;
  min-height: 1.7em;
}
.social-override-note {
  font-size: 11px;
  padding: 12px;
}
@media (max-width: 480px) {
  .article-share {
    flex-wrap: wrap;
  }
  .article-share-actions {
    gap: 24px;
  }
  .social-preview-image {
    padding: 6px;
  }
  .social-preview-section .section-heading {
    gap: 10px;
  }
}
/* Article actions use the journal's existing type and color palette. */
.article-engagement{display:flex;align-items:center;gap:1.4rem;margin-top:1.5rem}
.share-menu-wrap{position:relative}
.share-menu{position:absolute;z-index:20;top:calc(100% + .65rem);left:0;width:245px;padding:.5rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 32px #0002;text-align:left}
.share-menu[hidden]{display:none}
.share-menu button,.share-menu a{display:flex;gap:.75rem;align-items:center;width:100%;padding:.65rem .7rem;background:none;border:0;border-radius:4px;color:inherit;font:inherit;font-size:.85rem;text-decoration:none;text-align:left;cursor:pointer}
.share-menu button:hover,.share-menu a:hover{background:var(--surface)}
.share-menu span{width:1rem;text-align:center}
.share-menu hr{border:0;border-top:1px solid var(--border);margin:.4rem 0}
.article-engagement button:focus-visible,.share-menu a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
[data-react][aria-pressed="true"]{font-weight:600}
@media(max-width:480px){.share-menu{position:fixed;top:auto;bottom:1rem;left:1rem;right:1rem;width:auto;max-height:calc(100dvh - 2rem);overflow-y:auto}}