/* Share row — Civil War Artillery.
   A standalone sheet rather than a block inside site.css: the older
   full-page designs (basicfacts, canister, glossary, inventors, projectiles,
   rangetables) carry their own inline styles and never load site.css, and the
   row has to look the same on both. Every custom property below is given a
   literal fallback for that reason. */
.share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-width: var(--max-content, 960px);
  margin: 34px auto 8px;
  padding: 14px 0;
  border-top: 1px solid var(--border, rgba(181, 145, 42, .35));
  border-bottom: 1px solid var(--border, rgba(181, 145, 42, .35));
}
.share-label {
  font-family: 'Cinzel', Georgia, serif;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--smoke, #a89d90);
  margin-right: 4px;
}
.share-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border: 1px solid var(--border, rgba(181, 145, 42, .35));
  border-radius: 3px;
  background: var(--panel, #201b15);
  color: var(--parchment, #f4ead4);
  cursor: pointer;
  font-family: 'EB Garamond', Georgia, serif;
  font-size: .88rem;
  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: 16px; height: 16px; flex: none; }
.share-btn:hover,
.share-btn.is-copied {
  background: var(--brass, #b5912a);
  border-color: var(--brass, #b5912a);
  color: var(--cannon-black, #0f0d0a);
}
.share-btn:focus-visible {
  outline: 2px solid var(--brass-light, #d4af50);
  outline-offset: 2px;
}
.share-btn[hidden] { display: none; }
.share-status { font-size: .82rem; color: var(--smoke, #a89d90); }
.share-status:not(:empty) { margin-left: 4px; }
@media (max-width: 700px) {
  .share { margin-left: 20px; margin-right: 20px; }
}
@media (max-width: 480px) {
  .share { gap: 6px; }
  .share-btn { padding: 8px 11px; font-size: .82rem; }
}