/* Local SVG icons with an accessible name on every channel/share control. */
.jbg-social-icon { display: block; flex: 0 0 auto; width: 22px; height: 22px; }
.social-links { gap: 6px; }
.jbg-channel-link,
.social-links .jbg-channel-link,
.footer-columns .social-links .jbg-channel-link,
.footer-brand-row .social-links .jbg-channel-link {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; min-width: 44px; min-height: 44px;
  padding: 10px; border: 1px solid #cdd8d5; border-radius: 50%;
  background: #fff; color: var(--color-ink); line-height: 1; text-decoration: none;
}
.utility-links { gap: 6px; }
.utility-links .jbg-channel-link { background: transparent; border-color: transparent; }
.share-actions .share-button {
  width: 44px; height: 44px; min-width: 44px; min-height: 44px;
  padding: 10px; border-radius: 50%; line-height: 1; text-decoration: none;
}
.share-actions .share-button svg { width: 22px; height: 22px; }
.share-button--naver, .jbg-channel-link--naver_blog, .jbg-channel-link--naver_premium, .share-button--line, .jbg-channel-link--line { color: #008338 !important; }
.share-button--facebook, .jbg-channel-link--facebook { color: #0866df !important; }
.share-button--telegram, .jbg-channel-link--telegram { color: #087daa !important; }
.jbg-channel-link--youtube { color: #cc0000 !important; }
.jbg-channel-link--instagram { color: #b72d76 !important; }
.share-actions .share-button--kakao, .social-links .jbg-channel-link--kakao_channel { background: #fee500; border-color: #e0ca00; color: #191919; }
.share-button[data-unavailable="true"] { opacity: .6; }
.share-button:disabled { opacity: .6; cursor: wait; }
.share-actions .share-button:hover, .social-links .jbg-channel-link:hover, .jbg-channel-link:hover { border-color: var(--color-deep); box-shadow: 0 0 0 2px #dbe8e2; }
.share-button:focus-visible, .jbg-channel-link:focus-visible { outline: 3px solid #165745; outline-offset: 3px; }
@media (max-width: 700px) {
  .utility-inner { flex-wrap: wrap; row-gap: 2px; }
  .utility-links .social-links { display: flex; }
  .utility-links, .utility-links .social-links { flex-wrap: wrap; gap: 2px; }
}
@media print { .social-links, .jbg-channel-link { display: none !important; } }