/* uxmeetsdata.com 独自のスタイル（2026-10-22〜）。テーマ（ryan）の CSS の後に読み込む。
   変更したら、_build/partials/head-assets-*.html の ?v= を1つ繰り上げる */

/* 共有ボタン（正典 §2.24）。32px の黒い正方形 */
.xmd-share{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0}
.xmd-share a,.xmd-share button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:4px;color:#fff;cursor:pointer;text-decoration:none;transition:opacity .15s}
.xmd-share a:hover,.xmd-share button:hover{opacity:.85}
.xmd-share button{position:static;top:auto;margin:0;font:inherit} /* テーマが button を 1px 上にずらすのを打ち消す */
.xmd-share a:focus-visible,.xmd-share button:focus-visible{outline:2px solid #000;outline-offset:2px}
.xmd-share svg{width:17px;height:17px;fill:currentColor}
/* 4つとも黒で統一（2026-10-23、正典 §2.24）。押した直後の「リンクをコピー」だけ緑で知らせる */
.xmd-share a,.xmd-share button{background:#000}
.xmd-share-copy svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.xmd-share-copy.is-copied{background:#72b62a}
.xmd-share-msg{font-size:13px;line-height:1.4;color:#555;margin-left:2px}
@media (prefers-reduced-motion:reduce){.xmd-share a,.xmd-share button{transition:none}}