/* パターン A-c「暗いまま輪郭を強調」: 半透明パネルの塗りは A の濃紺のまま（わずかに不透明度アップ）、
   枠線を白っぽく明るくし、外側にシアンの薄い光＋影を足して背景から切り離す。
   「明るくする」より「輪郭で認識しやすくする」寄りの対応案 (2026-09-28) */
:root{--panel:rgba(var(--ink-rgb),.70)}

.dt,.vn,.rc,.hero,.tblwrap,.nb{border-color:rgba(255,255,255,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 1px rgba(var(--acc-rgb),.28), 0 0 18px rgba(var(--acc-rgb),.16), 0 8px 24px rgba(0,0,0,.55)}
.ai{border-color:rgba(var(--acc-rgb),.85);box-shadow:0 0 0 1px rgba(var(--acc-rgb),.3), 0 0 28px rgba(var(--acc-rgb),.28)}

/* レース行 */
.rc .no{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}
.rc .row3{border-top-color:rgba(255,255,255,.22)}
.rc:hover,.rc:active{border-color:var(--acc);box-shadow:0 0 0 1px rgba(var(--acc-rgb),.6), 0 0 22px rgba(var(--acc-rgb),.45)}
.rc.next{border-color:#fff}
@keyframes breathe{0%,100%{box-shadow:0 0 0 1px rgba(var(--acc-rgb),.45), 0 0 14px rgba(var(--acc-rgb),.3)}
  50%{box-shadow:0 0 0 1px rgba(var(--acc-rgb),1), 0 0 32px rgba(var(--acc-rgb),.7)}}

/* 選択中（開催日・開催場）: 白枠 */
.dt.is-on{border-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.6), 0 0 16px rgba(var(--acc-rgb),.5)}
.vn.is-on{border-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.7), 0 0 28px rgba(var(--acc-rgb),.6)}

/* 出馬表ページ */
.tbl-h{border-bottom-color:rgba(255,255,255,.35)}
td{border-bottom-color:rgba(255,255,255,.14)}
.nb:hover{border-color:#fff}