.share-bar { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.share-bar .share-label { font-size: .8rem; color: #6c757d; font-weight: 600; }
.share-btn { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .75rem; border-radius: 20px; font-size: .82rem; font-weight: 600; border: none; cursor: pointer; text-decoration: none; transition: opacity .15s; }
.share-btn:hover { opacity: .85; text-decoration: none; }
.share-btn-kakao  { background: #FEE500; color: #191919; }
.share-btn-band   { background: #00C73C; color: #fff; }
.share-btn-naver  { background: #03C75A; color: #fff; }
.share-btn-copy   { background: #6c757d; color: #fff; }
.share-btn-print  { background: #495057; color: #fff; }
.share-btn-qr     { background: #206bc4; color: #fff; }

/* QR 패널 — 버튼을 누르기 전에는 그림을 만들지 않습니다(글 하나 열 때마다 QR 을 그릴 이유가 없습니다). */
.share-qr { display: none; margin: 0 0 1.25rem; padding: .75rem; border: 1px solid #e6e7e9; border-radius: 8px; text-align: center; width: max-content; }
.share-qr.is-open { display: block; }
.share-qr img { display: block; width: 160px; height: 160px; }
.share-qr .share-qr-hint { font-size: .75rem; color: #6c757d; margin-top: .5rem; }

/* ★인쇄에는 QR 이 남아야 합니다 — 종이에 찍힌 QR 이 이 기능의 쓸모입니다.
   share-bar 는 인쇄에서 숨기지만 이 패널은 열려 있으면 함께 인쇄됩니다. */
@media print {
    .share-qr.is-open { display: block !important; border: none; }
}

@media print { .share-bar { display: none !important; } }