/* Share row — Historical Publications LLC.
   Standalone sheet: the archive pages load archive.css and the back-issues
   pages carry their own inline styles, so the row cannot live in either.
   Custom properties are given literal fallbacks for that reason. */
/* On the index pages the row sits between the listing and the footer, outside
   any wrapper, so it carries the same 820px column and gutter the listings
   use. Inside an article it is already within the article's own padding. */
.share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-width: 820px;
  margin: 30px auto 6px;
  padding: 14px 22px;
  border-top: 1px solid var(--rule, rgba(184, 148, 42, .35));
  border-bottom: 1px solid var(--rule, rgba(184, 148, 42, .35));
}
article > .share {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.share-label {
  font-family: var(--fs, 'Libre Baskerville', Georgia, serif);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink-soft, #6b5b45);
  margin-right: 4px;
}
.share-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border: 1px solid var(--rule, rgba(184, 148, 42, .35));
  border-radius: 2px;
  background: #fff;
  color: var(--ink, #1a1208);
  cursor: pointer;
  font-family: var(--fs, 'Libre Baskerville', Georgia, serif);
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.share-btn svg { width: 15px; height: 15px; flex: none; }
.share-btn:hover,
.share-btn.is-copied {
  background: var(--crimson, #7d1a1a);
  border-color: var(--crimson, #7d1a1a);
  color: #fff;
}
.share-btn:focus-visible {
  outline: 2px solid var(--gold, #b8942a);
  outline-offset: 2px;
}
.share-btn[hidden] { display: none; }
.share-status {
  font-family: var(--fs, 'Libre Baskerville', Georgia, serif);
  font-size: 12.5px;
  color: var(--ink-soft, #6b5b45);
}
.share-status:not(:empty) { margin-left: 4px; }
@media (max-width: 560px) {
  .share { gap: 6px; }
  .share-btn { padding: 8px 11px; font-size: 12.5px; }
}