/* share-card.css — 말씀 카드 공유 모달 (2026-09-28). 근거: share-card.js 상단 주석 */
.share-card-modal { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: flex-end; justify-content: center; }
.share-card-modal[hidden] { display: none; }
.share-card-backdrop { position: absolute; inset: 0; background: rgba(20, 16, 8, .45); }
.share-card-panel {
  position: relative; width: 100%; max-width: 520px; max-height: 92vh; overflow: auto;
  background: var(--white, #fff); border-radius: 18px 18px 0 0; padding: 18px 20px calc(20px + env(safe-area-inset-bottom));
  box-shadow: 0 -12px 40px rgba(0,0,0,.18); word-break: keep-all;
}
@media (min-width: 640px) {
  .share-card-modal { align-items: center; }
  .share-card-panel { border-radius: 18px; padding-bottom: 20px; }
}
.share-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.share-card-head h3 { margin: 0; font-size: 1.05rem; font-weight: 700; }
.share-card-x { border: 0; background: transparent; font-size: 26px; line-height: 1; width: 44px; height: 44px; cursor: pointer; color: var(--muted, #777); border-radius: 50%; }
.share-card-x:hover { background: var(--gold-soft, #FBF3D9); color: var(--ink, #1a1405); }
.share-card-note { margin: 6px 0 12px; font-size: .84rem; color: var(--muted, #6b6b6b); line-height: 1.5; }
.share-card-preview-wrap { display: flex; justify-content: center; background: #ECE9E2; border-radius: 12px; padding: 14px; }
.share-card-preview { width: min(100%, 320px); height: auto; aspect-ratio: 1 / 1; border-radius: 4px; box-shadow: 0 8px 24px rgba(0,0,0,.15); }
.share-card-preview.is-story { width: min(100%, 240px); aspect-ratio: 9 / 16; }
@media (min-width: 640px) { .share-card-preview { width: min(100%, 380px); } .share-card-preview.is-story { width: min(100%, 270px); } }
.share-card-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 0 4px; }
.share-card-sep { width: 1px; height: 22px; background: var(--line, #ddd); margin: 0 4px; }
/* ⚠ !important 는 app-modern.css 의 `.chip { background: var(--m-soft) !important }` 를 이기기 위한 것(2026-09-28 실측).
   ⚠ var(--gold) 를 쓰지 마라 — redesign.css 가 파랑으로 덮는다(tone.css 주석 참조). 카드는 금색 체계다. */
.share-card-row .chip[aria-pressed="true"] { background: #FBF3D9 !important; border-color: #CDA00A !important; color: #1A1405 !important; }
.share-card-actions { display: flex; gap: 10px; margin-top: 14px; }
.share-card-actions .btn { flex: 1; }
.share-card-hint { margin: 10px 0 0; font-size: .8rem; color: var(--muted, #6b6b6b); line-height: 1.5; min-height: 1em; }
body.share-card-open { overflow: hidden; }

/* 링크로 보내기 (SHARE-3, 2026-10-07) — 카톡 미리보기용. 주 버튼 둘 아래 글자 버튼으로 둔다. */
.share-card-link { display: block; width: 100%; margin-top: 10px; padding: 10px; background: none; border: 0; color: #7F6104; font: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.share-card-link:hover { color: #5c4603; }