/* 記事のシェアボタン（2026-09-27）。上＝案A（丸アイコン＋文字）、下＝案B（色つきボタン2×2） */
.ll-share{--sh-x:#111;--sh-line:#06C755;--sh-fb:#1877F2;--sh-copy:#5b6770}
.ll-share-list{display:flex;gap:6px}
.ll-share-btn{font:inherit;cursor:pointer;text-decoration:none;border:0;background:none;padding:0;color:inherit}
.ll-share-icon{display:inline-flex;align-items:center;justify-content:center;color:#fff}
.ll-share-icon svg{width:18px;height:18px;display:block}
.ll-share-line{font:800 10px/1 system-ui,sans-serif;letter-spacing:.02em;color:#fff}
.ll-share-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* 上：案A */
.ll-share--top{display:flex;justify-content:flex-end;margin:0 0 6px}
.ll-share--top .ll-share-list{gap:4px}
.ll-share--top .ll-share-btn{display:flex;flex-direction:column;align-items:center;width:62px;font-size:11px;line-height:1.3;color:#3d4a52;text-align:center}
.ll-share--top .ll-share-icon{width:40px;height:40px;border-radius:50%;margin-bottom:4px;transition:transform .15s}
.ll-share--top .ll-share-btn:hover .ll-share-icon,.ll-share--top .ll-share-btn:focus-visible .ll-share-icon{transform:scale(1.08)}
.ll-share--top .ll-share-btn--x .ll-share-icon{background:var(--sh-x)}
.ll-share--top .ll-share-btn--line .ll-share-icon{background:var(--sh-line)}
.ll-share--top .ll-share-btn--fb .ll-share-icon{background:var(--sh-fb)}
.ll-share--top .ll-share-btn--copy .ll-share-icon{background:var(--sh-copy)}
.ll-share--top .ll-share-btn.is-copied .ll-share-icon{background:#0a7d4f}
.ll-share--top .ll-share-btn.is-copied{color:#0a7d4f;font-weight:700}
@media (min-width:900px){
  .article-heading,.kn-article-header{position:relative}
  .ll-share--top{position:absolute;top:0;right:0;margin:0}
  .article-heading .article-kicker,.article-heading h1,.kn-article-header .kn-article-kicker,.kn-article-header h1{padding-right:270px}
}
/* 下：案B */
.ll-share--bottom{margin:32px 0 8px;padding:20px 16px;border:1px solid rgba(0,0,0,.1);border-radius:14px;background:rgba(0,0,0,.02)}
.ll-share-title{margin:0 0 12px;font-weight:700;font-size:16px;text-align:center}
.ll-share--bottom .ll-share-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px;margin:0 auto}
.ll-share--bottom .ll-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;border-radius:999px;color:#fff;font-weight:700;font-size:15px;line-height:1.2;transition:filter .15s}
.ll-share--bottom .ll-share-btn:hover,.ll-share--bottom .ll-share-btn:focus-visible{filter:brightness(1.1);color:#fff}
.ll-share--bottom .ll-share-btn--x{background:var(--sh-x)}
.ll-share--bottom .ll-share-btn--line{background:var(--sh-line)}
.ll-share--bottom .ll-share-btn--line .ll-share-icon{display:none}
.ll-share--bottom .ll-share-btn--fb{background:var(--sh-fb)}
.ll-share--bottom .ll-share-btn--copy{background:var(--sh-copy)}
.ll-share--bottom .ll-share-btn.is-copied{background:#0a7d4f}
@media (prefers-color-scheme:dark){.kn-en .ll-share--top .ll-share-btn{color:inherit}}
/* 文字の折り返し防止（2026-09-27 実測で「リンクをコピー」が2行になった） */
.ll-share-label{white-space:nowrap}
.ll-share--top .ll-share-btn{width:68px;font-size:10.5px}
.ll-share--bottom .ll-share-btn{font-size:14px;padding:10px 8px;gap:6px}
@media (max-width:360px){.ll-share--top .ll-share-btn{width:62px;font-size:10px}.ll-share--bottom .ll-share-btn{font-size:13px}}