/* 생활 도구 3종(촌수·호칭, 대진표, 맞춤법) 전용 스타일 */
/* 대진표 */
.bk-panel{min-width:0}
.bk-scroll{min-width:0;display:flex;gap:16px;overflow-x:auto;padding:2px 2px 8px}
.bk-col{display:flex;flex-direction:column;justify-content:space-around;gap:10px;min-width:148px;flex:none}
.bk-rn{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.04em;text-align:center;margin-bottom:2px}
.bk-m{display:grid;gap:3px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:5px;position:relative}
.bk-col:not(:last-child) .bk-m::after{content:"";position:absolute;left:100%;top:50%;width:16px;border-top:1px solid var(--line)}
.bk-p{display:block;width:100%;text-align:left;border:1px solid transparent;background:var(--card);border-radius:7px;padding:6px 9px;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-p:not(:disabled):hover{border-color:var(--ink2)}
.bk-p.win{background:color-mix(in srgb,var(--yellow) 55%,var(--card));border-color:var(--yellow)}
.bk-p.bye{color:var(--muted);font-weight:500;background:transparent}
.bk-p.champ{background:var(--yellow);border-color:var(--ink);color:#1F1B16;font-weight:800;text-align:center}
.bk-third{max-width:230px}
/* 맞춤법 */
.sp-view{white-space:pre-wrap;word-break:break-word;line-height:1.95;font-size:15px}
.sp-view mark{border-radius:4px;padding:1px 3px;color:var(--ink);cursor:pointer}
.sp-view mark.sp-x{background:color-mix(in srgb,var(--red) 26%,transparent);text-decoration:underline wavy var(--red)}
.sp-view mark.sp-q{background:color-mix(in srgb,var(--yellow) 50%,transparent)}
.sp-item{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.sp-item:last-child{border-bottom:0}
.sp-item .grow{flex:1;min-width:0}
.sp-item small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.sp-tag{font-size:12px;color:var(--muted);white-space:nowrap}
/* 촌수·호칭 */
.kn-res .bignum{word-break:keep-all}
/* 풀리그 경기 카드 */
.bk-col:has(.rr-g){min-width:210px;justify-content:flex-start}
.rr-g{grid-template-columns:1fr auto 1fr}
.bk-col:not(:last-child) .rr-g::after{display:none}
.rr-g .bk-p{text-align:center}
.bk-p.rr-d{color:var(--muted);font-weight:500;padding:6px 8px}