/* ============================================================
   Auguri! ─ カーソルを置いたときの見え方「まわりが静まる」（本番・2026-09-16 高野様ご確定）
   ------------------------------------------------------------
   デモ 20 番の **5 まわりが静まる** を採用。
   触れているもの **以外** が静かに薄くなり、その 1 つだけが残る。

     対象 1 … フッターの索引 8 項目（全ページ）
     対象 2 … TOP の読みもの一覧 3 行（日付・見出し・分類の 3 つを一緒に）

   ・触っていないときの見た目は ai のまま（1px も動かさない・色も変えない）
   ・薄くするのは不透明度なので、濃い帯の下で白へ反転したフッターでもそのまま効く
   ・キーボードで辿ったときも同じ見え方（:focus-visible → .is-hov）
   ・JavaScript が動かない環境では何も起きない（assets/js/hover.js）

   デモ 20 番（body に data-fh が付くページ）では、この本番の効きは止める。
   ============================================================ */
body:not([data-fh]) .hv { transition: opacity .28s cubic-bezier(.22, 1, .36, 1); }
body:not([data-fh]) .hv-group.is-hovering .hv { opacity: .34; }
body:not([data-fh]) .hv-group.is-hovering .hv.is-hov { opacity: 1; }

/* 読みもの一覧：行ぜんぶを押せるようにする当たり判定（見た目は無し） */
.nw-hit { display: block; z-index: 6; }

/* ai 突き合わせ（.compare）では薄くしない */
.compare .hv { opacity: 1 !important; transition: none !important; }

@media (prefers-reduced-motion: reduce) {
  body:not([data-fh]) .hv { transition: none; }
}