/* 2026-10-31 ŞAMPİYONLUK İHTİMALLERİ (.sp-*): ince çizgi + tipografi; hücre altı ince veri çubuğu (dolgu/pembe yok). */
.sp-kap { overflow-x: auto; }
.sp-tablo { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.sp-tablo th, .sp-tablo td { padding: 10px 8px; border-bottom: 1px solid var(--line); text-align: right; font-variant-numeric: tabular-nums; vertical-align: middle; }
.sp-tablo thead th { padding-bottom: 8px; border-bottom: 2px solid var(--ink); font-size: 11.5px; font-weight: 800; letter-spacing: .04em; color: var(--ink-faint); vertical-align: bottom; white-space: nowrap; }
.sp-tablo thead th small { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: 0; }
.sp-tablo tbody th { font-weight: 700; }
.sp-tablo td:first-child, .sp-tablo th:nth-child(-n+2) { text-align: left; }
.sp-tablo td small { margin-left: 4px; font-size: 11.5px; font-weight: 600; color: var(--ink-faint); }
.sp-tk { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-weight: 700; }
.sp-t { position: relative; min-width: 64px; }
.sp-t span { position: relative; font-weight: 800; }
.sp-t::after { content: ""; position: absolute; left: 8px; bottom: 5px; height: 3px; width: calc((100% - 16px) * var(--p) / 100); background: var(--ink-faint); }
.sp-t.is-s::after { background: var(--ink); }
.sp-t.is-dus::after { background: var(--accent); }
.sp-t.is-dus span { color: var(--accent); }
.sp-agg { display: none; }
.sp-hub th, .sp-hub td { text-align: left; }
.sp-hub tbody th small, .sp-hub td small { display: block; margin: 2px 0 0; font-size: 12px; font-weight: 600; color: var(--ink-faint); }
.sp-hub td small.sp-yz { font-size: 13px; font-weight: 800; color: var(--ink); }
.sp-yaris { margin: 0; padding: 0; list-style: none; }
.sp-yaris li { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr) 70px 140px; align-items: center; gap: 4px 14px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.sp-cubuk { position: relative; display: block; height: 8px; background: color-mix(in srgb, var(--ink) 7%, transparent); }
.sp-cubuk::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: calc(var(--p) * 1%); background: var(--ink); }
.sp-yaris b { font-family: var(--display); font-size: 20px; font-weight: 900; text-align: right; font-variant-numeric: tabular-nums; }
.sp-yaris small { font-size: 12.5px; color: var(--ink-faint); }
@media (max-width: 760px) {
    .sp-g, .sp-det { display: none; }
    .sp-agg { display: table-cell; }
    .sp-tablo { font-size: 14px; }
    .sp-tablo th, .sp-tablo td { padding: 9px 4px; }
    .sp-tablo .sm3-kres { display: none; }
    .sp-tablo thead th { white-space: normal; font-size: 11px; }
    .sp-tablo thead th small { font-size: 10px; }
    .sp-t { min-width: 52px; }
    .sp-t::after { left: 4px; width: calc((100% - 8px) * var(--p) / 100); }
    .sp-hub .sm3-kres { display: none; }
    .sp-hub { font-size: 12.5px; }
    .sp-hub th, .sp-hub td { padding: 9px 3px; }
    .sp-hub th, .sp-hub td { overflow-wrap: anywhere; }
    .sp-hub .sp-tk { flex-wrap: wrap; }
    .sp-hub tbody th { white-space: nowrap; overflow-wrap: normal; }
    .sp-yaris li { grid-template-columns: minmax(0, 1fr) 70px; }
    .sp-cubuk { grid-column: 1 / -1; grid-row: 2; }
    .sp-yaris small { grid-column: 1 / -1; grid-row: 3; }
}