/* ============================================================
   Auguri! ─ TOP「The Auguri Selection」の 4 行を、暮らしの品々の各ジャンルへのリンクに（本番・2026-09-19）
   ------------------------------------------------------------
   高野様「カーソルで選択した際に、暮らしの品々の各セクションに飛ぶようにして」

   行ぜんぶ（左の罫端 x=900 〜 右端 1800・高さ 200）を覆う透明なリンク .sl__hit を置く。
   見た目は何も変えない（ai のまま）。カーソルの「面で満ちる」はリンクの上で自動的に働く。
   飛び先は items.html の各ジャンルの section（#wear／#care／#living／#taste）。
   飛び先ではヘッダー（120）の下に少し間を置いて、ジャンルの罫が来るようにする。
   ============================================================ */
.sl__hit { position: absolute; left: calc(900 * var(--s)); width: calc(900 * var(--s)); height: calc(200 * var(--s)); z-index: 6; display: block; }
.sl__hit1 { top: calc(128 * var(--s)); }
.sl__hit2 { top: calc(328 * var(--s)); }
.sl__hit3 { top: calc(528 * var(--s)); }
.sl__hit4 { top: calc(728 * var(--s)); }
.sl__hit:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
.compare .sl__hit { display: none; }

/* 飛び先＝ジャンルの見出し（h3）。上の罫（見出しの 26px 上）がヘッダー（120）から 80px 下に来る位置で止まる */
.cat h3[id] { scroll-margin-top: calc(226 * var(--s)); }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }