/* Share buttons (js/share.js). Secondary-button look from DESIGN.md:
   white/transparent, 1px navy border, navy text, 3px radius; no shadows. */
.sf-share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 18px 0; }
.sf-share-label {
  font: 700 11px/1 'IBM Plex Sans', sans-serif; letter-spacing: .12em; text-transform: uppercase;
  color: #B4472A;
}
.sf-share-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.sf-share-btn {
  display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px;
  font: 600 12px/1 'IBM Plex Sans', sans-serif; color: #14213D; text-decoration: none;
  background: #fff; border: 1px solid #C9BFAD; border-radius: 3px; cursor: pointer;
  touch-action: manipulation; transition: background .15s, color .15s, border-color .15s;
}
.sf-share-btn:hover, .sf-share-btn:focus-visible { background: #14213D; border-color: #14213D; color: #fff; }
.sf-share-btn:focus-visible { outline: 2px solid #B4472A; outline-offset: 2px; }
.sf-share-btn.is-done { background: #2E7D4F; border-color: #2E7D4F; color: #fff; }
.sf-share-native { background: #B4472A; border-color: #B4472A; color: #fff; }
.sf-share-native:hover { background: #933720; border-color: #933720; }

/* Heritage essay: top bar sits under the eyebrow; bottom block closes the essay */
.hp-share-top { margin: 4px 0 18px; }
.hp-share-end { margin: 28px 0 8px; padding-top: 20px; border-top: 2px solid #14213D; }

/* Research cards: "Share" toggle reveals the bar */
.arc-card-share {
  display: block; align-self: flex-start; margin: 10px auto 0 0; text-align: left;
  background: none; border: 0; padding: 0; cursor: pointer;
  font: 600 12px/1 'IBM Plex Sans', sans-serif; color: #B4472A;
}
.arc-card-share:hover { color: #933720; text-decoration: underline; }
.arc-share-row .sf-share { margin: 10px 0 4px; }
.arc-share-row[hidden] { display: none; }

@media (max-width: 600px) {
  .sf-share-btn { min-height: 36px; }
}