/* 한국 선수단 구성 문서: 탭 · 반응형 도표 · 수식 상자 (olympic-wiki.css 위에 얹어 사용) */
.sq-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:14px 0 0;overflow-x:auto;scrollbar-width:thin}
.sq-tabs button{appearance:none;flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:transparent;font:inherit;font-size:14px;color:var(--link);padding:8px 14px;cursor:pointer;white-space:nowrap}
.sq-tabs button:hover{background:#f8f9fa}
.sq-tabs button[aria-selected=true]{color:var(--ink);font-weight:700;border-bottom-color:var(--link)}
.sq-tabs button .n{display:inline-block;margin-left:5px;font-size:11px;font-weight:700;color:#54595d;background:#eaecf0;border-radius:9px;padding:0 6px}
.sq-panel{padding:14px 0 4px}
.sq-panel[hidden]{display:none}
.sq-panel>h3{margin-top:4px}

.sq-math{border:1px solid #c8ccd1;border-left:4px solid #36c;background:#f8f9fa;padding:12px 16px;margin:12px 0 16px;font-size:14px}
.sq-math .eq{font-family:'Cambria Math','Times New Roman',Georgia,serif;font-size:16px;margin:6px 0;overflow-wrap:anywhere;padding-left:1.2em;text-indent:-1.2em}
.sq-math .eq i{font-style:italic}
.sq-math p{margin:6px 0}
.sq-math ol,.sq-math ul{margin:6px 0;padding-left:20px}

.sq-fig{margin:14px 0 18px;padding:12px 14px;background:#f8f9fa;border:1px solid #eaecf0}
.sq-fig figcaption{font-size:13px;color:#54595d;margin-top:10px;line-height:1.6}
.sq-fig figcaption b{color:#202122}
.sq-fig .fig-title{font-weight:700;font-size:14px;margin:0 0 8px;color:#202122}

/* 좌석 그림: 세부종목마다 국가 상한 칸, 칸 채움 = 확률 */
.seats{display:grid;grid-template-columns:minmax(120px,190px) 1fr 64px;gap:6px 10px;align-items:center;font-size:13px}
.seats .lab{color:#202122}
.seats .lab small{display:block;color:#72777d;font-size:11px;line-height:1.3}
.seats .row{display:flex;gap:4px;flex-wrap:wrap}
.seat{position:relative;width:26px;height:26px;border:1px solid #a2a9b1;border-radius:3px;background:#fff;overflow:hidden}
.seat i{position:absolute;left:0;bottom:0;width:100%;background:#36c}
.seat.g-S i{background:#14866d}.seat.g-A i{background:#2a4b8d}.seat.g-B i{background:#36c}.seat.g-C i{background:#6b8fd6}.seat.g-D i{background:#a8bdea}.seat.g-E i{background:#d5def4}
.seat.w2{width:56px}.seat.w3{width:86px}.seat.w4{width:116px}.seat.w6{width:176px}
.seats .ev{text-align:right;font-variant-numeric:tabular-nums;color:#202122;font-weight:700}
.seats .ev small{display:block;font-weight:400;color:#72777d;font-size:11px}
.seats .sum{border-top:1px solid #c8ccd1;padding-top:6px}

/* 분포 막대 */
.dist{display:flex;align-items:flex-end;gap:3px;height:170px;padding:0 2px;border-bottom:1px solid #a2a9b1}
.dist .b{flex:1 1 0;min-width:10px;max-width:46px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.dist .b i{display:block;width:100%;background:#a8bdea;border-radius:2px 2px 0 0;min-height:1px}
.dist .b.in i{background:#36c}
.dist .b.mode i{background:#2a4b8d}
.dist .b span{font-size:10.5px;color:#54595d;margin-bottom:2px;font-variant-numeric:tabular-nums}
.dist-x{display:flex;gap:3px;padding:3px 2px 0}
.dist-x span{flex:1 1 0;min-width:10px;max-width:46px;text-align:center;font-size:11px;color:#54595d;font-variant-numeric:tabular-nums}
.dist-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#54595d;margin-top:8px}
.dist-legend i{display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:4px;vertical-align:-1px}

/* 가로 막대(역대 비교) */
.hbars{display:grid;grid-template-columns:96px 1fr;gap:6px 10px;align-items:center;font-size:13px}
.hbars .track{background:#fff;border:1px solid #eaecf0;height:22px;position:relative}
.hbars .track i{position:absolute;left:0;top:0;bottom:0;background:#a2a9b1}
.hbars .track i.la{background:#36c}
.hbars .track i.rng{background:repeating-linear-gradient(45deg,#c7d5f3 0 4px,#e3eaf9 4px 8px)}
.hbars .track b{position:absolute;left:6px;top:1px;font-size:12px;color:#202122}

/* 경로 흐름 */
.flow{display:flex;align-items:stretch;gap:0;flex-wrap:nowrap}
.flow .st{flex:1 1 0;border:1px solid #a2a9b1;background:#fff;padding:8px 10px;font-size:13px;min-width:0}
.flow .st b{display:block;font-size:13px}
.flow .st small{display:block;color:#54595d;font-size:11.5px;line-height:1.45}
.flow .st.kor{border:2px solid #36c;background:#eef3fc}
.flow .ar{flex:0 0 18px;display:flex;align-items:center;justify-content:center;color:#72777d;font-size:14px}

/* 등급 칩 */
.gr{display:inline-block;min-width:22px;text-align:center;font-size:11px;font-weight:700;padding:0 5px;border-radius:9px;color:#fff;background:#36c;vertical-align:1px}
.gr.S{background:#14866d}.gr.A{background:#2a4b8d}.gr.B{background:#36c}.gr.C{background:#6b8fd6}.gr.D{background:#8aa2d6;color:#fff}.gr.E{background:#c8ccd1;color:#202122}
.data td.p,.data th.p{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.data tfoot th,.data tfoot td{background:#eaecf0;font-weight:700}
.sq-sum .summary-card strong{font-variant-numeric:tabular-nums}
.sq-note{font-size:13px;color:#54595d}
.sq-wrap{overflow-x:auto}

@media(max-width:600px){
  .seats{grid-template-columns:1fr 52px;gap:2px 8px}
  .seats .lab{grid-column:1 / -1;margin-top:6px}
  .seat{width:22px;height:22px}.seat.w2{width:48px}.seat.w3{width:74px}.seat.w4{width:100px}.seat.w6{width:152px}
  .dist{height:140px}.dist .b span{font-size:9px}
  .flow{flex-direction:column}
  .flow .ar{flex-basis:16px;transform:rotate(90deg)}
  .hbars{grid-template-columns:72px 1fr}
  .sq-tabs button{padding:8px 11px;font-size:13.5px}
  .sq-math .eq{font-size:14.5px}
  .sq-fig{padding:10px 10px}
}
.data.sq-ev{table-layout:auto}
.data.sq-ev tbody th{white-space:nowrap}
@media(max-width:600px){
  .data.sq-ev,.data.sq-ev tbody,.data.sq-ev tfoot,.data.sq-ev tr,.data.sq-ev th,.data.sq-ev td{display:block;width:auto}
  .data.sq-ev caption{display:block}
  .data.sq-ev thead{display:none}
  .data.sq-ev tbody tr{border:1px solid #c8ccd1;margin:0 0 8px;background:#fff}
  .data.sq-ev tbody th,.data.sq-ev tbody td{border:0;border-bottom:1px solid #eaecf0;padding:5px 9px;text-align:left}
  .data.sq-ev tbody tr>:last-child{border-bottom:0}
  .data.sq-ev tbody th{background:#f8f9fa;white-space:normal}
  .data.sq-ev td[data-l]::before{content:attr(data-l);display:inline-block;min-width:58px;margin-right:6px;color:#72777d;font-size:11.5px;font-weight:400}
  .data.sq-ev tfoot tr{display:flex;justify-content:space-between;align-items:center;border:1px solid #c8ccd1;background:#eaecf0}
  .data.sq-ev tfoot th,.data.sq-ev tfoot td{border:0;padding:7px 9px}
}
.seatw{display:inline-flex;flex-direction:column;align-items:center;gap:1px}
.seatw small{font-size:10px;color:#54595d;font-variant-numeric:tabular-nums;line-height:1.2}
.seats .row{gap:6px}
@media(max-width:600px){
  .data.sq-ev tbody td.p{display:inline-block;border-bottom:0;padding:6px 9px 7px}
  .data.sq-ev tbody td.p[data-l]::before{min-width:0}
  .data.sq-ev tbody td[data-l="근거"]{border-bottom:1px solid #eaecf0}
}
.gr.F{background:#eaecf0;color:#54595d}
.hbars.hub{grid-template-columns:130px 1fr;gap:5px 10px}
.hbars .hb-l{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbars .track i.la.team{background:#c2711a}
.hbars .track b{z-index:1}
@media(max-width:600px){.hbars.hub{grid-template-columns:92px 1fr}.hbars .hb-l{font-size:12px}}
@media(max-width:600px){.dist.many .b span{display:none}}