/* 相性ランキング 追加スタイル（/type/file.css を読み込んだ上で使う） */
/* file.css には汎用の a スタイルがない。素のリンクが青くなるのでここで合わせる */
table.rk a,.dive a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(0,0,0,.45)}
table.rk a:hover,.dive a:hover{border-bottom-color:rgba(0,0,0,.8)}
.dive .more a{font-family:'IBM Plex Mono',monospace;font-size:.78rem;letter-spacing:.03em}
.rk-note{border:1px solid rgba(0,0,0,.18);background:rgba(0,0,0,.02);padding:14px 16px;margin:0 0 18px}
.rk-note p{margin:0 0 8px;font-size:.86rem;line-height:1.85}
.rk-note p:last-child{margin:0}
.rk-note .fml{font-family:'IBM Plex Mono',monospace;font-size:.8rem;letter-spacing:.02em}
.rk-grade{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rk-grade span{font-family:'IBM Plex Mono',monospace;font-size:.72rem;border:1px solid rgba(0,0,0,.2);padding:3px 7px}

table.rk{width:100%;border-collapse:collapse;font-size:.86rem;margin:0}
table.rk th,table.rk td{border-bottom:1px solid rgba(0,0,0,.12);padding:9px 6px;text-align:center;vertical-align:middle}
table.rk th{font-size:.7rem;letter-spacing:.08em;color:#555;font-weight:600;white-space:nowrap;
  border-bottom:1px solid rgba(0,0,0,.3)}
table.rk td.nm{text-align:left;line-height:1.4}
table.rk td.nm .cd{font-family:'IBM Plex Mono',monospace;font-weight:600;letter-spacing:.06em}
table.rk td.nm .sm{display:block;font-size:.74rem;color:#666}
table.rk td.no{font-family:'IBM Plex Mono',monospace;font-weight:700;width:3.4em;white-space:nowrap}
table.rk td.no .t{font-size:.62rem;color:#777;font-weight:400}
table.rk td.em{width:2em;font-size:1.15rem}
table.rk .mk{font-weight:700;font-size:1rem}
.m-best{color:#b8860b}.m-good{color:#3a7d44}.m-mid{color:#8a6d3b}.m-bad{color:#a33}
table.rk td.gd{font-family:'IBM Plex Mono',monospace;font-weight:700;width:2.6em}
table.rk tr.self td{background:rgba(0,0,0,.035)}
table.rk td.tag{width:5.6em}
.badge{display:inline-block;font-size:.62rem;letter-spacing:.04em;border:1px solid;padding:2px 5px;white-space:nowrap}
.badge.b1{color:#a33;border-color:#a33}
.badge.b2{color:#3a6ea5;border-color:#3a6ea5}
.rk-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

.dive{border-left:3px solid rgba(0,0,0,.25);padding:2px 0 2px 15px;margin:0 0 22px}
.dive h4{margin:0 0 4px;font-size:1rem;letter-spacing:.02em}
.dive h4 .no{font-family:'IBM Plex Mono',monospace;font-size:.74rem;color:#777;margin-right:8px}
.dive .meta{font-family:'IBM Plex Mono',monospace;font-size:.72rem;color:#666;margin:0 0 8px}
.dive p{margin:0 0 8px;font-size:.9rem;line-height:1.95}
.dive .more{font-size:.8rem}
.othr{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.othr a{border:1px solid rgba(0,0,0,.16);padding:9px 4px;text-align:center;text-decoration:none;color:inherit}
.othr a:hover{background:rgba(0,0,0,.04)}
.othr .em{font-size:1.2rem;display:block}
.othr .cd{font-family:'IBM Plex Mono',monospace;font-size:.76rem;letter-spacing:.06em;display:block}