/* =========================================================
  直近レース（Next Races）
  - padding:14px / gap:10px
  - 3枚固定（flex + calc）
  - 影なしカード質感（白ベース）
========================================================= */

/* 全体（タイトル含めて余白） */
.br-next-races{
  width:100%;
  padding:14px;
  box-sizing:border-box;

  background: rgba(15,23,42,.02);
  border-radius:14px;
}

/* 3枚を幅100%に並べる（スクロール禁止） */
.br-next-races-mount{
  display:flex;
  gap:10px;
  width:100%;
}

/* カード：常に3分割（gap10px -> 20px差し引き） */
.br-nrc-card{
  flex:0 0 calc((100% - 20px) / 3);
  max-width:calc((100% - 20px) / 3);

  display:block;
  text-decoration:none !important;
  color:inherit;

  border-radius:14px;

  /* 影なしカード感（白ベース） */
  background:#fff;
  border:1px solid rgba(15,23,42,.12);
  box-shadow:none;

  padding:6px;
  box-sizing:border-box;

  transition: transform .08s ease, border-color .12s ease, background .12s ease;
}

.br-nrc-card:hover{
  transform:translateY(-1px);
  border-color: rgba(15,23,42,.18);
  background: rgba(15,23,42,.02);
}

.br-nrc-card:active{
  transform:translateY(0);
  background: rgba(15,23,42,.04);
}

/* 1行目 */
.br-nrc-row1{
  font-weight:900;
  font-size:14px;
  white-space:nowrap;
  text-align:center;
}

.br-nrc-venue,
.br-nrc-rno{
  font-weight:900;
  font-size:14px;
  line-height:1.2;
}

/* 2行目 */
.br-nrc-row2{
  font-size:14px;
  text-align:center;
}

.br-nrc-close{
  font-weight:900;
}

/* 15分以内：赤 */
.br-next-races .br-nrc-close.is-soon{
  color:#ff4d4f !important;
}

/* 締切過ぎ：レース終了（黒） */
.br-next-races .br-nrc-close.is-finished{
  color:inherit !important;
  opacity:.95;
}

/* 3行目（アイコン群） */
.br-nrc-row3{
  display:flex;
  gap:4px;
  flex-wrap:wrap;
}

.br-nrc-ico{
  width:30px;
  height:30px;
  border-radius:6px;
  object-fit:contain;

  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  padding:2px;
}

/* 空表示 */
.br-nrc-empty{
  padding:10px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px dashed rgba(255,255,255,.16);
  font-size:12px;
  opacity:.85;
}