/* ===== 関連武将記事ブロック（Cocoonのカスタムcssに1回だけ貼る） ===== */
.kr{
  --kr-ink:#1f2430; --kr-sub:#6b7280; --kr-line:#e5e7eb; --kr-accent:#8b3a3a;
  --kr-soft:#f6e9e9; --kr-link:#1d5fa8; --kr-link-soft:#e8f0fa;
  --kr-me:#fff8e1; --kr-me-line:#e0a800;
  margin:32px 0; color:var(--kr-ink);
}
.kr *{box-sizing:border-box}
.kr .kr-h2{font-size:1.25rem;margin:0 0 4px}
.kr .kr-h{font-size:1.08rem;margin:22px 0 8px;padding-left:9px;border-left:4px solid var(--kr-accent)}
.kr .kr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.kr table.kr-t{width:100%;border-collapse:collapse;font-size:.95rem;white-space:nowrap;margin:0}
.kr .kr-t thead th{background:var(--kr-soft);color:var(--kr-accent);font-weight:600;font-size:.92rem;
  border-bottom:2px solid var(--kr-accent);padding:8px 9px;text-align:left;line-height:1.25}
.kr .kr-t th.n,.kr .kr-t td.n{text-align:right;font-variant-numeric:tabular-nums}
.kr .kr-t tbody td{padding:9px 9px;border-bottom:1px solid var(--kr-line);vertical-align:middle}
.kr .kr-t tbody tr:nth-child(even):not(.me-row):not(.gap){background:#fbfafa}
.kr .kr-t tbody tr.gap td{text-align:center;color:var(--kr-sub);padding:2px 8px;letter-spacing:.3em;background:#fff}

/* 表示中の武将 */
.kr .kr-t tr.me-row{background:var(--kr-me)!important;box-shadow:inset 3px 0 0 var(--kr-me-line)}
.kr .kr-t tr.me-row td{font-weight:600}
.kr .me{display:inline-block}

/* 二つ名と武将名 */
.kr .kr-t td b{display:block;font-size:.84rem;color:var(--kr-accent);font-weight:600;line-height:1.3}
.kr .kr-t td a{color:var(--kr-link);text-decoration:underline;text-underline-offset:2px}
.kr .kr-t td a b{color:var(--kr-link)}
.kr .kr-t td a::after{content:"\2197";font-size:.72em;margin-left:3px;opacity:.75;display:inline-block}
.kr .kr-t td a:hover{background:var(--kr-link-soft)}

.kr .kr-more{margin:10px 0 0;font-size:.92rem}
.kr .kr-more a{color:var(--kr-link);text-decoration:underline;text-underline-offset:2px}

/* 能力値の順位 */
.kr .kr-t .rk{font-size:.8em;color:var(--kr-sub);margin-left:3px;font-weight:400}
/* 一致している項目の強調 */
.kr .kr-t td.hit{background:#eaf5ea;font-weight:600;color:#1d6b33;box-shadow:inset 0 0 0 1px #cfe6cf}
.kr .kr-t tr.me-row td.hit{background:#f3edcf;color:#6b5a00;box-shadow:none}
/* 勢力・地方は複数行に分けて横幅を抑える */
.kr .kr-t td.ml{padding:5px 9px}
.kr .kr-t td.ml span{display:block;width:fit-content;line-height:1.5;padding:1px 4px;margin:1px -4px;border-radius:3px}
.kr .kr-t td.ml span.hit{font-weight:600;color:#1d6b33;background:#eaf5ea;box-shadow:inset 0 0 0 1px #cfe6cf}
.kr .kr-t tr.me-row td.ml span.hit{background:#f3edcf;color:#6b5a00;box-shadow:none}

/* 勢力比較表の積み上げバー */
.kr .kr-t td.bc{min-width:190px;padding:8px 9px}
.kr .bar{display:flex;height:11px;border-radius:3px;overflow:hidden;background:#eee;margin-bottom:4px}
.kr .bar i{display:block;height:100%}
.kr .bar i+i{border-left:2px solid var(--kr-card,#fff)}
.kr .barlab{display:flex;flex-wrap:wrap;gap:2px 9px;font-size:.78rem;color:var(--kr-sub);line-height:1.4}
.kr .barlab span{white-space:nowrap}
.kr .barlab b{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:0}
.kr .kr-t td b.sname{display:inline;font-size:1em;color:var(--kr-ink);font-weight:600}

/* ===== 武将一覧テーブル（[busho_all]） ===== */
.ba{--ba-ink:#1f2430;--ba-sub:#6b7280;--ba-line:#e5e7eb;--ba-accent:#8b3a3a;
  --ba-soft:#f6e9e9;--ba-zebra:#fbfafa;--ba-link:#1d5fa8;--ba-link-soft:#e8f0fa;--ba-head:#333;
  color:var(--ba-ink);margin:26px 0;scroll-margin-top:60px}
.ba *{box-sizing:border-box}
.ba .ba-h{font-size:1.08rem;margin:0 0 6px;padding-left:9px;border-left:4px solid var(--ba-accent)}
.ba .ba-n{font-size:.86rem;color:var(--ba-sub);font-weight:400}
.ba .ba-note{color:var(--ba-sub);font-size:.85rem;margin:0 0 12px;line-height:1.6}
.ba .ba-note i,.ba .lkc{font-style:normal}
.ba .lkc{color:var(--ba-link)}
.ba .filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.ba .filters select,.ba .filters input{border:1px solid var(--ba-line);border-radius:6px;
  padding:6px 8px;font-size:.88rem;background:#fff;color:var(--ba-ink)}
.ba .filters input[type=search]{flex:1 1 170px;min-width:140px}
.ba .tg{font-size:.88rem;display:inline-flex;align-items:center;gap:5px;cursor:pointer;
  padding:6px 8px;border:1px solid var(--ba-line);border-radius:6px;background:#fff}
.ba button.reset{border:1px solid var(--ba-line);background:#fff;border-radius:6px;
  padding:6px 12px;font-size:.88rem;cursor:pointer;color:var(--ba-ink)}
.ba button.reset:hover{background:var(--ba-soft)}
.ba .cnt{color:var(--ba-sub);font-size:.84rem;display:block;margin-bottom:6px}
.ba .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ba table{width:100%;border-collapse:collapse;font-size:.92rem;white-space:nowrap;margin:0}
.ba thead th{background:var(--ba-head);color:#fff;font-weight:600;font-size:.88rem;
  border-bottom:2px solid var(--ba-accent);padding:7px;cursor:pointer;user-select:none;
  position:sticky;top:0;z-index:2;line-height:1.25;text-align:left}
.ba thead th:hover{background:#454545}
.ba thead th .ar{color:#fff}
.ba thead th s{display:block;text-decoration:none}
/* 2行になる見出しは inline-block でくくって縦を揃える */
.ba thead th u{display:inline-block;text-decoration:none;text-align:center;vertical-align:middle}
.ba thead th .ar{display:inline-block;width:1em;opacity:.4;font-size:.7em;font-style:normal}
.ba thead th.active .ar{opacity:1}
.ba tbody td{padding:7px;border-bottom:1px solid var(--ba-line);vertical-align:middle}
.ba tbody tr:nth-child(even){background:var(--ba-zebra)}
.ba tbody tr:hover{background:#fbf5f5}
.ba td.num,.ba th.num{text-align:right;font-variant-numeric:tabular-nums}
.ba td.num i{display:block;font-style:normal;font-size:.72em;color:var(--ba-sub);
  line-height:1.25;font-weight:400;margin:0 0 1px}
/* 10位以内：順位だけ赤太字、値は黒太字。11〜30位：値と順位とも黒太字 */
.ba td.r10{color:var(--ba-ink);font-weight:700}
.ba td.r10 i{color:#c8332f;font-weight:700}
.ba td.r30,.ba td.r30 i{color:var(--ba-ink);font-weight:700}
/* 初期威名1000 */
.ba td.top{font-weight:700;color:var(--ba-ink)}
.ba td.tot{font-weight:600}
.ba td.rno{color:var(--ba-sub)}
.ba td.nm{white-space:normal;min-width:9.5em}
/* 二つ名。コラボ（センゴク／花の慶次）だけ専用色にして能力値が別物であることを示す */
.ba td.nm b{display:block;font-size:.8rem;font-weight:700;line-height:1.3;color:var(--ba-ink)}
.ba td.nm b.collab{color:var(--ba-accent)}
.ba td.nm a{color:var(--ba-link);text-decoration:underline;text-underline-offset:2px}
.ba td.nm a b.fu{color:var(--ba-link)}
.ba td.nm a::after{content:"\2197";font-size:.72em;margin-left:3px;opacity:.75;display:inline-block}
.ba td.nm a:hover{background:var(--ba-link-soft)}
.ba td.ml span{display:block;line-height:1.35}
.ba td.ml span.collab{color:var(--ba-accent);font-weight:600}
.ba .ba-n em{font-style:normal;font-size:.86em;color:var(--ba-sub);margin-left:4px}
.ba tr.hide{display:none}
.ba .empty{text-align:center;color:var(--ba-sub);padding:22px 8px;display:none}
.ba .pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:10px;margin-top:10px;font-size:.88rem;color:var(--ba-sub)}
.ba .pages{display:flex;align-items:center;gap:6px}
.ba .pager button{border:1px solid var(--ba-line);background:#fff;border-radius:6px;
  padding:4px 10px;cursor:pointer;font-size:.88rem;color:var(--ba-ink)}
.ba .pager button:disabled{opacity:.4;cursor:not-allowed}
.ba .pager select{border:1px solid var(--ba-line);border-radius:6px;padding:3px 6px;
  background:#fff;color:var(--ba-ink)}

/* ===== 静的な表（[busho_stats]）。.ba の体裁をそのまま使い、並べ替えUIだけ持たない ===== */
.ba.ba-st{--ba-me:#fff8e1;--ba-me-line:#e0a800;margin:24px 0}
.ba.ba-st thead th{cursor:default;position:static}
.ba.ba-st thead th:hover{background:var(--ba-head)}
.ba.ba-st .ba-h{font-size:1.08rem;margin:0 0 8px}
.ba.ba-st td.nm{min-width:7em}
.ba.ba-st tbody tr:nth-child(even){background:var(--ba-zebra)}
/* 表示中の武将 */
.ba.ba-st tbody tr.me-row,
.ba.ba-st tbody tr.me-row:hover{background:var(--ba-me);box-shadow:inset 3px 0 0 var(--ba-me-line)}
.ba.ba-st tbody tr.me-row td.nm{font-weight:700}
.ba .me{display:inline-block}
.ba .ba-more{margin:10px 0 0;font-size:.92rem}
.ba .ba-more a{color:var(--ba-link);text-decoration:underline;text-underline-offset:2px}

/* 同じ武将の他カード（[busho_same]）*/
.kr .kr-h .kr-sub{font-size:.86rem;color:var(--kr-sub);font-weight:400}
/* 二つ名は1行に収める（矢印が折り返さないように inline にする）。
   色の規則は全武将一覧と同じ：既定は黒、コラボは専用色、リンクありは青 */
.kr .kr-t.kr-dark thead th{background:#333;color:#fff;border-bottom:2px solid var(--kr-accent)}
.kr .kr-t td b.tn{display:inline;font-size:.9rem;color:var(--kr-ink);font-weight:700}
.kr .kr-t td b.tn.collab{color:var(--kr-accent)}
.kr .kr-t td a b.tn{color:var(--kr-link)}

/* ===== 横スクロール時に「順位」「武将名」を左に固定する =====
   border-collapse:collapse だと sticky セルの罫線が消えるので box-shadow で引く */
.ba .scroll{position:relative}
.ba thead th.fx1,.ba tbody td.rno{position:sticky;left:0;z-index:3;width:3.6em;min-width:3.6em}
.ba thead th.fx2,.ba tbody td.nm{position:sticky;left:3.6em;z-index:3;min-width:9.5em}
.ba thead th.fx1,.ba thead th.fx2{z-index:4}
.ba tbody td.rno,.ba tbody td.nm{background:#fff}
.ba tbody tr:nth-child(even) td.rno,.ba tbody tr:nth-child(even) td.nm{background:var(--ba-zebra)}
.ba tbody tr:hover td.rno,.ba tbody tr:hover td.nm{background:#fbf5f5}
.ba.ba-st tbody tr.me-row td.rno,.ba.ba-st tbody tr.me-row td.nm{background:var(--ba-me)}
/* 固定列の右端に境界線を出す（スクロールしていることが分かるように） */
.ba tbody td.nm,.ba thead th.fx2{box-shadow:6px 0 6px -6px rgba(0,0,0,.28)}
@media (max-width:480px){
  .ba thead th.fx1,.ba tbody td.rno{width:3.1em;min-width:3.1em}
  .ba thead th.fx2,.ba tbody td.nm{left:3.1em;min-width:7.5em}
}