/* 공유 상자(사연 공유 시트·홈·팀 후원 바닥) — 주소 읽기 전용 칸 + 진짜 공유 단추. 단추는 share.js 가 켜기 전까지 hidden 이다.
   색·간격은 tokens.css 토큰만 쓴다. 시트 계약 파일(sheet.css·story.css)은 고치지 않는다. */
.share-box { display: grid; gap: var(--sp-2); margin: 0; }
.share-box [hidden] { display: none !important; }
.share-label { font-size: var(--fs-caption); font-weight: var(--fw-strong); color: var(--muted); }
.share-url { width: 100%; min-height: 44px; padding: var(--sp-2) var(--sp-3); border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--bg); color: var(--ink); font: inherit; font-size: var(--fs-caption); line-height: var(--lh-ui); text-overflow: ellipsis; }
.share-url:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
.share-status { min-height: 1.45em; margin: 0; color: var(--accent-ink); }
.share-actions { display: grid; gap: var(--sp-2); margin: 0; }
.share-box .btn { justify-content: flex-start; text-align: left; font-weight: var(--fw-strong); width: 100%; }
.share-section .share-box { max-width: var(--read-max); }
@media (min-width: 768px) {
  .share-section .share-actions { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
}