/* chances2026.css — ChancesSeries.php */
.chances { display: grid; gap: 1rem; }
.chances > * { min-width: 0; }
.chances__entete p { margin: .25rem 0 0; max-width: 60rem; }

.favoris { list-style: none; margin: .5rem 0 0; padding: 0; display: grid; gap: .6rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 11rem), 1fr)); counter-reset: favori; }
.favori { position: relative; display: grid; gap: .3rem; justify-items: center; text-align: center; padding: 1rem .75rem .85rem; counter-increment: favori; }
.favori::before { content: counter(favori); position: absolute; top: .5rem; left: .65rem; font-family: var(--police-titre); font-weight: 800; color: var(--texte-2); }
.favori:first-child { box-shadow: inset 0 3px 0 var(--or); }
.favori__equipe { display: grid; justify-items: center; gap: .25rem; font-weight: 700; color: var(--texte); }
.favori__pct { font-family: var(--police-titre); font-size: 2.2rem; font-weight: 800; line-height: 1; }
.favori:first-child .favori__pct { color: var(--or); }
.favori__detail { font-size: .78rem; }

.chances__coupure { margin: 0; }
.chances__conferences { display: grid; gap: 1rem; }
.tableau--chances { min-width: 640px; }
.tableau--chances th, .tableau--chances td { white-space: nowrap; }
.tableau--chances .col-nom { text-align: left; }
.tableau--chances .col-nom small { margin-left: .3rem; font-size: .72rem; }
.tableau--chances .col-series { min-width: 8.5rem; text-align: left; }
.tableau--chances .col-series strong { display: inline-block; min-width: 3.2rem; text-align: right; }
.jauge { display: inline-block; width: 4.5rem; height: .5rem; margin-right: .4rem; border-radius: 999px; background: var(--surface-2); overflow: hidden; vertical-align: middle; }
.jauge > span { display: block; height: 100%; border-radius: 999px; background: var(--texte-2); }
.chances--sur .jauge > span { background: var(--monte); }
.chances--bon .jauge > span { background: color-mix(in srgb, var(--monte) 60%, var(--or)); }
.chances--serre .jauge > span { background: var(--or); }
.chances--loin .jauge > span { background: #E8702F; }
.chances--perdu .jauge > span { background: var(--baisse); }
.chances--perdu > * { color: var(--texte-2); }
.tableau--chances .col-coupe { font-weight: 800; }
.chances__methode summary { cursor: pointer; font-weight: 700; }
.chances__methode p { margin: .6rem 0 0; line-height: 1.5; }
