/* Inherit the site's live palette, including Customizer changes. */
body.sa-site .sa-social-profiles,
body.sa-site .sa-sharing {
  color: var(--sa-accent-text, #705440);
  font-family: var(--sa-font-body, sans-serif);
}
body.sa-site .sa-social-profiles { margin-bottom: 32px; }
body.sa-site .sa-social-heading {
  margin: 0 0 16px;
  font-family: var(--sa-font-heading, sans-serif);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -.025em;
  color: inherit;
}
body.sa-site .sa-social-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
body.sa-site .sa-social-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: var(--sa-background, #faf8f3);
  color: var(--sa-accent-text, #705440);
  font: 500 13px/1.4 var(--sa-font-body, sans-serif);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  transition: background-color .18s ease;
}
body.sa-site .sa-social-button:hover {
  background: var(--sa-accent, #c6aa8d);
  color: var(--sa-button-text, #392723);
  text-decoration: none;
}
body.sa-site .sa-social-button:focus-visible { outline: 3px solid var(--sa-accent-text, #705440); outline-offset: 4px; }
body.sa-site .sa-social-button svg { display: block; flex: none; width: 18px; height: 18px; fill: currentColor; }
body.sa-site .sa-social-button[hidden] { display: none !important; }
body.sa-site .sa-sharing {
  width: 100%;
  max-width: var(--sa-content-width, 1600px);
  margin: 0 auto;
  padding: 36px var(--sa-gutter, 24px) 48px;
  background: var(--sa-background, #faf8f3);
  clear: both;
}
body.sa-site .sa-article-content > .sa-sharing { padding-inline: 0; }
body.sa-site .sa-social-status { margin: 12px 0 0; font-size: 13px; line-height: 1.6; color: var(--sa-muted, #786965); }
body.sa-site .sa-social-status:empty { display: none; }
body.sa-site .sa-copy-fallback { display: block; width: 100%; max-width: 580px; margin-top: 12px; padding: 12px; border: 1px solid var(--sa-accent-text, #705440); background: var(--sa-background, #faf8f3); color: var(--sa-text, #302b2a); font-size: 16px; }
@media (max-width: 600px) {
  body.sa-site .sa-social-buttons { gap: 10px; }
  body.sa-site .sa-social-button { padding: 10px 13px; }
}
@media (prefers-reduced-motion: reduce) {
  body.sa-site .sa-social-button { transition: none; }
}