/* カードにマウスを乗せたときの動き（/card-hover.js。全ページ共通。2026-10-16）。
   置き場所ごとの並べ方の指定（ブログの見出しの扇形の回転など）に負けないよう、[data-card-hover] から書いて優先度を上げる */
[data-card-hover] .ch-card { position: relative; transition: scale .2s ease-out, translate .2s ease-out, box-shadow .2s ease-out, transform .45s ease-out; }
[data-card-hover] .ch-card.ch-hover {
  z-index: 99; scale: 1.9; translate: var(--ch-dx, 0px) var(--ch-dy, 0px);
  transform: perspective(900px) rotateX(10deg) rotateY(-16deg) rotateZ(4deg);
  transition: scale .2s ease-out, translate .2s ease-out, box-shadow .2s ease-out, transform 0s;
  box-shadow: 0 30px 14px 8px rgba(0, 0, 0, .55);
}
[data-card-hover] .ch-card.ch-hover.ch-pop {
  transform: perspective(900px) rotateX(var(--ch-rx, 0deg)) rotateY(var(--ch-ry, 0deg)) rotateZ(0deg);
  transition: scale .2s ease-out, translate .2s ease-out, box-shadow .2s ease-out, transform .45s ease-out;
}
[data-card-hover] .ch-card.ch-hover.ch-pop.ch-follow { transition: scale .2s ease-out, translate .2s ease-out, box-shadow .2s ease-out, transform .12s linear; }
@media (prefers-reduced-motion: reduce) {
  [data-card-hover] .ch-card.ch-hover, [data-card-hover] .ch-card.ch-hover.ch-pop { transform: none; transition: scale .2s ease-out, translate .2s ease-out; }
}