/* ============================================================
   Auguri! ─ グローバルナビ「いまのページ」の印（2026-09-19 高野様ご指示・3 案）
   ------------------------------------------------------------
   いまいるページの項目には build が `aria-current="page"`（と li.is-current）を付けている。
   ここはその見え方。**2026-09-19 高野様ご確定＝3 ほかが引く**（本番に反映）。
   1・2 はデモ 29 番（body[data-nc]）で見比べられるように残してある。

     1 罫     … 文字の下に 0.5px の罫（サイトの罫と同じ細さ）。文字の幅ぴったり。
                ヘッダー下の罫（y=120）と平行に、文字の足もと 8px 下
     2 朱の点 … 文字の左肩に φ4 の点。フッターの「本日の印」と同じオレンジ（--c-today）。
                文字の色は変えない。ページの中で色が付いているのは本日の印だけなので、
                「いま・ここ」の意味を同じ色で揃える
     3 ほかが引く … いまのページは墨のまま、ほかの 4 項目を 45% に。カーソルを載せた項目は戻る。
                全画面メニューの「いまのページ」（.mn__ja 45%）と同じ考え方の裏返し

   3 案とも、文字の位置・大きさ・字送りは ai のまま 1px も動かさない（足すのは ::before/::after だけ）。
   濃い FV（TOP）では文字が白なので、罫は白・点はオレンジのまま・引くのも白の 45%。
   ============================================================ */

.hd__navlist a { position: relative; }

/* ── 1 罫 ── */
body[data-nc="1"] .hd__navlist a[aria-current="page"]::after {
  content: ""; position: absolute; left: 0; right: 0;
  bottom: calc(-8 * var(--s)); height: calc(1 * var(--s));
  background: currentColor; transform: scaleY(.5); transform-origin: 0 100%;
}

/* ── 2 朱の点 ── */
body[data-nc="2"] .hd__navlist a[aria-current="page"]::before {
  content: ""; position: absolute;
  left: calc(-11 * var(--s)); top: calc(1 * var(--s));
  width: calc(4 * var(--s)); height: calc(4 * var(--s));
  border-radius: 50%; background: var(--c-today);
}

/* ── 3 ほかが引く（**本番に採用**・2026-09-19 高野様「3 で反映してください」） ──
   本番（body に data-nc が無いページ）と、デモ 29 番で 3 を選んだときに効く。
   いまのページが無いページ（TOP・プライバシーポリシー）では、aria-current が無いので何も引かない。 */
body:not([data-nc]) .hd__navlist:has(a[aria-current="page"]) a,
body[data-nc="3"] .hd__navlist a { transition: opacity .3s var(--e-out); }
body:not([data-nc]) .hd__navlist:has(a[aria-current="page"]) a:not([aria-current="page"]),
body[data-nc="3"] .hd__navlist a:not([aria-current="page"]) { opacity: .45; }
body:not([data-nc]) .hd__navlist:has(a[aria-current="page"]) a:not([aria-current="page"]):hover,
body:not([data-nc]) .hd__navlist:has(a[aria-current="page"]) a:not([aria-current="page"]):focus-visible,
body[data-nc="3"] .hd__navlist a:not([aria-current="page"]):hover,
body[data-nc="3"] .hd__navlist a:not([aria-current="page"]):focus-visible { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .hd__navlist a { transition: none !important; } }

.compare .hd__navlist a::before, .compare .hd__navlist a::after { display: none !important; }
.compare .hd__navlist a { opacity: 1 !important; }