.share-section { padding: 24px 0 28px; border-bottom: 3px solid #36b774; color: #405b50; background: #e0edf2; }
.share-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 30px; }
.share-label { margin: 0; color: #536e7b; font-size: 12px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.share-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; }
.share-action { display: inline-flex; min-height: 40px; align-items: center; gap: 8px; padding: 4px 0; border: 0; color: #08704a; background: transparent; font: inherit; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.share-action:hover { color: #034b31; }
.share-action:focus-visible { outline: 2px solid #08784d; outline-offset: 4px; }
.share-action svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.share-brand-mark { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 3px; color: #ffffff; background: #1769aa; font-family: Arial, sans-serif; font-size: 12px; font-weight: 800; line-height: 1; text-decoration: none; }
.share-brand-facebook { border-radius: 50%; background: #1769e8; font-family: Arial, sans-serif; font-size: 15px; }
.share-note { margin: 8px 0 0; color: #526e7b; font-size: 13px; line-height: 1.5; }
.share-status { margin: 8px 0 0; color: #12603d; font-size: 12px; line-height: 1.5; }
.share-status:empty { display: none; }
.share-status[data-state="notice"] { color: #765400; }
.share-status[data-state="error"] { color: #a12d24; }
@media (max-width: 600px) {
  .share-section { padding: 20px 0 24px; }
  .share-row { align-items: flex-start; flex-direction: column; gap: 4px; }
  .share-actions { gap: 0 20px; }
  .share-note { margin-top: 6px; }
}