/* 「次のレース」の大きなボタン（nr-）・無料の一言（wk-free）・場ごとの note の行（wk-pk）. トップの②・印の成績・展開予想の入口の頭が読む. 色は ui.css のトークン。style 属性は使わない（CSP） */
.nr { margin: 0; }
.nr[hidden] { display: none; }
.nr-k { display: flex; align-items: center; gap: var(--s2); margin: 0 0 6px; font-size: 13px; line-height: 1.3; color: var(--muted); }
.nr-k strong { color: var(--text); font-size: 14px; }
.nr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 12px; }
/* 先頭の 1 件は大きなボタン（64px・水色の塗り）。2 件目以降は「その次」の小さなリンク */
.nr-list > li:first-child { flex: 0 0 100%; }
.nr-list > li:first-child .nr-link { display: flex; align-items: center; gap: 2px 12px; min-height: 64px; padding: 8px var(--s4); border-radius: 10px;
  background: var(--accent); color: var(--accent-ink); text-decoration: none; flex-wrap: wrap; }
.nr-list > li:first-child .nr-link:hover { background: var(--accent); color: var(--accent-ink); }
.nr-list > li:first-child .nr-where { font-size: 18px; font-weight: 700; line-height: 1.35; }
.nr-list > li:first-child .nr-name, .nr-list > li:first-child .nr-course { font-size: 13px; line-height: 1.35; }
.nr-list > li:first-child .nr-time { margin-left: auto; font-size: 18px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.nr-list > li:first-child .nr-sfx { font-size: 12px; }
.nr-list::before { content: attr(data-more); order: 1; font-size: 13px; color: var(--muted); }
.nr-list > li:not(:first-child) { order: 2; }
.nr-list > li:not(:first-child) .nr-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 14px; text-decoration: none; }
.nr-list > li:not(:first-child) .nr-name, .nr-list > li:not(:first-child) .nr-course, .nr-list > li:not(:first-child) .nr-sfx { display: none; }
.nr-list > li:not(:first-child) .nr-time { color: var(--muted); font-size: 13px; font-variant-numeric: tabular-nums; }

/* 小さい版（印の成績・展開予想の入口の頭. 160px 以内）: 48px のボタン・「その次」なし */
.tb-strip { max-width: 720px; margin: 0 0 var(--s4); }
.tb-strip .nr-list > li:first-child .nr-link { min-height: 48px; padding: 4px var(--s4); }
.tb-strip .nr-list > li:first-child .nr-where, .tb-strip .nr-list > li:first-child .nr-time { font-size: 16px; }
.nr[data-mini] .nr-list::before, .nr[data-mini] .nr-list > li:not(:first-child) { display: none; }
.tb-strip .nr-k { margin-bottom: var(--s1); }

/* 無料の一言（トップで 1 回だけ） */
.wk-free { display: flex; align-items: center; gap: var(--s2); margin: var(--s3) 0 0; font-size: 14px; font-weight: 700; color: var(--hit); }
.wk-free::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--hit); flex: 0 0 auto; }

/* 場ごとの note の行（「ほかの 9 レースの予想印と解説　note・980円 ›」） */
.wk-pk { display: flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 6px; font-size: 14px; font-weight: 700; text-decoration: none; }
.wk-pk small { font-weight: 400; color: var(--muted); font-size: 13px; white-space: nowrap; }
.wk-pk::after { content: "\203A"; margin-left: auto; font-size: 18px; }
.tb-strip .wk-free { margin-top: var(--s2); }
.tb-strip .wk-pk-row { display: flex; gap: 6px; margin: var(--s2) 0 0; overflow-x: auto; scrollbar-width: none; }  /* 札は横 1 列（狭い画面は横にめくる）・値段も出す */
.tb-strip .wk-pk { flex: none; display: grid; grid-template-columns: auto auto; align-items: center; column-gap: 10px; min-height: 44px; margin: 0; padding: 2px 12px;
  border: 1px solid var(--accent); border-radius: 10px; font-size: 13px; line-height: 1.35; }
.tb-strip .wk-pk small { display: block; font-size: 12px; }
.tb-strip .wk-pk::after { grid-area: 1 / 2 / 3 / 3; margin: 0; }
.wk-wl { margin: var(--s2) 0 0; }
.wk-wl a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; text-decoration: none; }
.wk-fam { margin: 0 0 var(--s2); font-size: 13px; color: var(--muted); }
.wk-meet { margin: var(--s2) 0 0; padding: var(--s3); border-radius: 10px; background: var(--surface-2); font-size: 15px; font-weight: 700; }