/* ════════════════════════════════════════════════════════════════
 * RZ Pronos — Pages publiques /pronos/, /classement-pronos/, /sondages/
 *
 * Refonte du 13/10/2026, sur le modèle des pages joueurs (mercato, fins de
 * contrat) : haut de page des annuaires (template-parts/hero-archive.php,
 * posé par rzu_inject_pronos_hero()), cartes blanches à liseré teal en tête,
 * palette teal / vanilla / sauge. Plus de vert vif, plus de capitales
 * espacées, plus de !important : page.php rend désormais ces pages en
 * pleine largeur (liste $fullwidth_shortcodes), il n'y a plus de gabarit
 * d'article à casser.
 * ════════════════════════════════════════════════════════════════ */

/* ---------------------------------------------------------
 * 1) Mise en page : même largeur que les annuaires
 * --------------------------------------------------------- */
/* Largeur et marges latérales : celles de .container (classe posée sur le
   même élément), alignées sur le haut de page. Seuls les espaces haut/bas
   sont propres à ces pages. */
.rzu-page {
    padding-top: 24px;
    padding-bottom: 64px;
    color: var(--teal, #1C3D34);
}

.rzu-page-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 24px;
    align-items: start;
}

.rzu-page-main { min-width: 0; }

.rzu-page-aside {
    position: sticky;
    top: 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.rzu-page-aside-spacer { display: none; }

/* Titres de section : casse normale, sans filet ni capitales. */
.rzu-page .rzu-h2 {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.25;
}
.rzu-page .rzu-h2:not(:first-child) { margin-top: 32px; }

/* ---------------------------------------------------------
 * 2) Cartes de prono et lignes de sondage
 * --------------------------------------------------------- */
/* Une journée par ligne, comme la liste d'un site de paris : les deux
   colonnes côte à côte ont été écartées (Félix, 13/10). */
.rzu-page .rzu-listwrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}
.rzu-page .rzu-listwrap > .rzu-pc.is-open { grid-column: 1 / -1; }

.rzu-page .rzu-listwrap > .rzu-card,
.rzu-page .rzu-rowitem {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 16px 18px;
    background: #fff;
    border: 0;
    border-top: 3px solid var(--teal, #1C3D34);
}

.rzu-page .rzu-listwrap > .rzu-card > .rzu-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.rzu-page .rzu-rowitem {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.rzu-page .rzu-card-title,
.rzu-page .rzu-rowtitle {
    font-size: 17px;
    font-weight: 900;
    line-height: 1.25;
    color: var(--teal, #1C3D34);
}

.rzu-page .rzu-card-sub,
.rzu-page .rzu-rowmeta {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: rgba(28, 61, 52, 0.7);
}

.rzu-page .rzu-card-actions { margin-top: auto; padding-top: 4px; }

/* Pastille d'état : teal plein quand c'est ouvert, sauge une fois clos. */
.rzu-page .rzu-card-badge {
    flex: none;
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 800;
}
.rzu-page .rzu-card-badge.open {
    background: var(--teal, #1C3D34);
    color: var(--vanilla, #F2E5D2);
}
.rzu-page .rzu-card-badge.closed {
    background: var(--sage-lt, #D7EAE2);
    color: var(--teal, #1C3D34);
}

/* Prono clos : liseré sauge, titre gardé lisible. */
.rzu-page .rzu-card--closed { border-top-color: var(--sage, #ABC8A2); }

.rzu-page .rzu-rowright {
    display: flex;
    gap: 10px;
    align-items: center;
}

.rzu-page .rzu-empty {
    padding: 24px;
    background: #fff;
    color: rgba(28, 61, 52, 0.7);
}

/* ---------------------------------------------------------
 * 3) Boutons
 * --------------------------------------------------------- */
.rzu-page .rzu-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    background: var(--teal, #1C3D34);
    color: var(--vanilla, #F2E5D2);
    border: 1px solid var(--teal, #1C3D34);
    font-family: var(--sans, 'Noto Sans', sans-serif);
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    text-decoration: none;
}
.rzu-page .rzu-btn:hover { background: #2A5446; }
.rzu-page .rzu-btn:focus-visible {
    outline: 2px solid var(--teal, #1C3D34);
    outline-offset: 2px;
}

/* Contour (voir le résultat d'un prono clos). */
.rzu-page .rzu-btn.rzu-btn-ghost {
    background: #fff;
    color: var(--teal, #1C3D34);
}
.rzu-page .rzu-btn.rzu-btn-ghost:hover { background: rgba(28, 61, 52, 0.06); }

/* Visiteur ou membre sans accès : même bouton plein, pas de vert vif. */
.rzu-page .rzu-btn.rzu-btn-cta,
.rzu-page .rzu-btn.rzu-btn-locked {
    background: var(--teal, #1C3D34);
    color: var(--vanilla, #F2E5D2);
}

/* ---------------------------------------------------------
 * 4) Classement
 * --------------------------------------------------------- */
.rzu-leaderboard {
    padding: 18px 20px;
    background: #fff;
    border-top: 3px solid var(--teal, #1C3D34);
    color: var(--teal, #1C3D34);
}

.rzu-leaderboard-head { margin-bottom: 12px; }
.rzu-leaderboard-title {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 900;
}
.rzu-leaderboard-sub {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: rgba(28, 61, 52, 0.7);
}

.rzu-leaderboard-list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rzu-leaderboard-row {
    display: grid;
    grid-template-columns: 32px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
    font-size: 14px;
    box-shadow: inset 0 -1px 0 rgba(28, 61, 52, 0.1);
}
.rzu-leaderboard-row:last-child { box-shadow: none; }

.rzu-leaderboard-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--vanilla, #F2E5D2);
    color: var(--teal, #1C3D34);
    font-size: 14px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}
/* Podium dans la palette : le premier en teal, les deux suivants en sauge. */
.rzu-leaderboard-row--p1 .rzu-leaderboard-rank {
    background: var(--teal, #1C3D34);
    color: var(--vanilla, #F2E5D2);
}
.rzu-leaderboard-row--p2 .rzu-leaderboard-rank,
.rzu-leaderboard-row--p3 .rzu-leaderboard-rank {
    background: var(--sage, #ABC8A2);
    color: var(--teal, #1C3D34);
}

.rzu-leaderboard-name {
    min-width: 0;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.rzu-leaderboard-name.is-pseudo {
    font-weight: 600;
    color: rgba(28, 61, 52, 0.75);
    font-variant-numeric: tabular-nums;
}

.rzu-leaderboard-pts {
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}
.rzu-leaderboard-pts small {
    margin-left: 2px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(28, 61, 52, 0.7);
}

.rzu-leaderboard-row--me {
    margin: 0 -10px;
    padding: 9px 10px;
    background: var(--sage-lt, #D7EAE2);
}

.rzu-leaderboard-empty,
.rzu-leaderboard-cta-me,
.rzu-leaderboard-me {
    margin: 12px 0 0;
    padding: 12px 14px;
    background: var(--vanilla, #F2E5D2);
    font-size: 14px;
    line-height: 1.45;
}
.rzu-leaderboard-cta-me a {
    color: var(--teal, #1C3D34);
    font-weight: 800;
    text-decoration: none;
}
.rzu-leaderboard-me {
    display: grid;
    grid-template-columns: auto 32px 1fr auto;
    align-items: center;
    gap: 10px;
}
.rzu-leaderboard-me-label {
    font-size: 13px;
    font-weight: 800;
}

/* ---------------------------------------------------------
 * 5) Encart « Jouer aux pronos » (visiteur)
 * --------------------------------------------------------- */
.rzu-page-cta-signup {
    padding: 20px;
    background: var(--teal, #1C3D34);
    color: var(--vanilla, #F2E5D2);
}
.rzu-page .rzu-page-cta-signup h3 {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 900;
    color: var(--vanilla, #F2E5D2);
}
.rzu-page-cta-signup p {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(242, 229, 210, 0.85);
}
/* Lien à classe : la règle « .its-v2 a[class] » de common.css impose
   color: inherit, donc la couleur part du parent (texte vanille) et le
   bouton est vanille sur teal, inversé. */
.rzu-page-cta-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    background: var(--vanilla, #F2E5D2);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}
.rzu-page-cta-signup .rzu-page-cta-btn { color: var(--teal, #1C3D34); }
.rzu-page-cta-btn:focus-visible {
    outline: 2px solid var(--vanilla, #F2E5D2);
    outline-offset: 2px;
}

/* ---------------------------------------------------------
 * 6) Page /classement-pronos/ : deux classements côte à côte
 * --------------------------------------------------------- */
.rzu-classement-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}
.rzu-classement-col { min-width: 0; }
.rzu-classement-col .rzu-leaderboard { height: 100%; }

/* « Mes points » : même carte, dans le flux de la page comme dans l'aside. */
.rzu-classement-mypoints,
.rzu-page-aside .rzu-profile {
    padding: 18px 20px;
    background: #fff;
    border-top: 3px solid var(--teal, #1C3D34);
    color: var(--teal, #1C3D34);
}
.rzu-classement-mypoints { margin-top: 16px; }
.rzu-page .rzu-profile-head { margin-bottom: 12px; }
.rzu-page .rzu-profile-title {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 900;
}
.rzu-page .rzu-profile-sub {
    margin: 0;
    font-size: 13px;
    color: rgba(28, 61, 52, 0.7);
}
.rzu-page .rzu-profile-cards {
    display: grid;
    /* Mois, saison, année : trois colonnes, jamais deux plus un orphelin. */
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0 4px;
}
.rzu-page .rzu-pcard {
    padding: 12px 14px;
    background: var(--vanilla, #F2E5D2);
}
.rzu-page .rzu-pcard-k {
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 700;
    color: rgba(28, 61, 52, 0.75);
}
.rzu-page .rzu-pcard-v {
    font-size: 26px;
    font-weight: 900;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}
.rzu-page .rzu-pcard-s {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.3;
    color: rgba(28, 61, 52, 0.7);
}
/* Colonne étroite : trois compteurs empilés, libellé à gauche et points à
   droite, au lieu de trois colonnes où « participations » passait à la ligne. */
.rzu-page-aside .rzu-profile-cards { grid-template-columns: minmax(0, 1fr); gap: 6px; }
.rzu-page-aside .rzu-pcard {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    column-gap: 12px;
    padding: 10px 14px;
}
.rzu-page-aside .rzu-pcard-k { margin: 0; }
.rzu-page-aside .rzu-pcard-v { margin: 0; font-size: 20px; text-align: right; }
.rzu-page-aside .rzu-pcard-s { grid-column: 1 / -1; }
.rzu-classement-cta {
    max-width: 720px;
    margin: 0 auto;
    text-align: left;
}

/* ---------------------------------------------------------
 * 7) Lien d'appel en ligne (non-membre)
 * --------------------------------------------------------- */
/* .rzu-cta-link est exclue de la règle « .its-v2 a[class] » de common.css. */
.rzu-cta-link {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    background: var(--teal, #1C3D34);
    color: var(--vanilla, #F2E5D2);
    border: 1px solid var(--teal, #1C3D34);
    font-family: var(--sans, 'Noto Sans', sans-serif);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}
.rzu-cta-link:hover,
.rzu-cta-link:focus-visible {
    background: #2A5446;
    color: var(--vanilla, #F2E5D2);
}

.rzu-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
    padding: 14px 18px;
    background: var(--vanilla, #F2E5D2);
    font-size: 14px;
    color: var(--teal, #1C3D34);
}
.rzu-cta strong { color: var(--teal, #1C3D34); }

/* ---------------------------------------------------------
 * 8) Responsive
 * --------------------------------------------------------- */
@media (max-width: 960px) {
    .rzu-page-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }
    .rzu-page-aside { position: static; }
    .rzu-classement-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 599px) {
    .rzu-page { padding-top: 16px; padding-bottom: 48px; }
}

/* ---------------------------------------------------------
 * 9) Affiche de journée (.rzu-pc, frontend.php, 13/10)
 *    Bandeau teal : logo de la compétition, journée, clôture. Puis les
 *    matchs avec leurs logos, la progression et un seul gros bouton.
 * --------------------------------------------------------- */
.rzu-page .rzu-listwrap > .rzu-pc {
    gap: 0;
    padding: 0;
    border-top: 0;
}
.rzu-pc__top {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 6px 14px;
    padding: 16px 18px;
    background: var(--teal, #1C3D34);
    color: var(--vanilla, #F2E5D2);
}
/* Logo sur carré blanc : un logo foncé reste lisible sur le teal. */
.rzu-pc__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 6px;
    background: #fff;
}
.rzu-pc__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.rzu-pc__id { min-width: 0; }
.rzu-pc__comp {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: rgba(242, 229, 210, 0.75);
}
.rzu-page .rzu-pc__titre {
    margin: 2px 0 0;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.1;
    color: var(--vanilla, #F2E5D2);
}
.rzu-pc__clot {
    grid-column: 1 / -1;
    margin: 4px 0 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--vanilla, #F2E5D2);
}
.rzu-pc__clot span { color: var(--sage, #ABC8A2); }
.rzu-pc--clos .rzu-pc__top {
    background: var(--sage-lt, #D7EAE2);
    color: var(--teal, #1C3D34);
}
.rzu-page .rzu-pc--clos .rzu-pc__titre,
.rzu-pc--clos .rzu-pc__clot { color: var(--teal, #1C3D34); }
.rzu-pc--clos .rzu-pc__comp { color: rgba(28, 61, 52, 0.7); }

/* Les matchs : domicile à gauche, extérieur à droite, logos aux bords. */
.rzu-pc__matchs {
    margin: 0;
    padding: 6px 18px 0;
    list-style: none;
}
.rzu-pc__match {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    font-size: 14px;
    font-weight: 800;
    box-shadow: inset 0 -1px 0 rgba(28, 61, 52, 0.08);
}
.rzu-pc__eq {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.rzu-pc__eq--b { justify-content: flex-end; text-align: right; }
.rzu-pc__eq span { min-width: 0; overflow-wrap: anywhere; line-height: 1.2; }
.rzu-pc__eq img {
    flex: none;
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.rzu-pc__vs { color: rgba(28, 61, 52, 0.45); }
.rzu-pc__plus {
    margin: 0;
    padding: 8px 18px 0;
    font-size: 13px;
    font-weight: 700;
    color: rgba(28, 61, 52, 0.7);
}

.rzu-pc__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding: 14px 18px 18px;
}
.rzu-pc__stats {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.rzu-pc__nb {
    font-size: 13px;
    font-weight: 700;
    color: rgba(28, 61, 52, 0.75);
}
/* Barre de progression native, aux couleurs de la charte. */
.rzu-pc__prog {
    width: 160px;
    height: 6px;
    border: 0;
    background: var(--vanilla, #F2E5D2);
    appearance: none;
}
.rzu-pc__prog::-webkit-progress-bar { background: var(--vanilla, #F2E5D2); }
.rzu-pc__prog::-webkit-progress-value { background: var(--teal, #1C3D34); }
.rzu-pc__prog::-moz-progress-bar { background: var(--teal, #1C3D34); }
.rzu-page .rzu-pc .rzu-card-actions { margin: 0; padding: 0; }
.rzu-page .rzu-btn.rzu-pc__go {
    padding: 13px 22px;
    font-size: 15px;
}
.rzu-pc .rzu-embed { padding: 0 18px 18px; }
/* Ouverte, l'affiche laisse la place au formulaire : l'aperçu des matchs et
   la progression y sont repris, on ne les montre pas deux fois. */
.rzu-pc.is-open .rzu-pc__matchs,
.rzu-pc.is-open .rzu-pc__plus,
.rzu-pc.is-open .rzu-pc__stats { display: none; }

/* ---------------------------------------------------------
 * 10) Colonne de /pronos/ (rzu_pronos_aside_html, 13/10)
 * --------------------------------------------------------- */
/* « Ma saison » : la carte du joueur, en teal comme le bandeau des affiches. */
.rzu-moi {
    padding: 18px 20px 20px;
    background: var(--teal, #1C3D34);
    color: var(--vanilla, #F2E5D2);
}
.rzu-moi__k {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--sage, #ABC8A2);
}
.rzu-moi__pts {
    margin: 4px 0 0;
    font-size: 16px;
    font-weight: 700;
}
.rzu-moi__pts strong {
    font-size: 44px;
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.rzu-moi__rang {
    margin: 6px 0 0;
    font-size: 14px;
    font-weight: 700;
}
.rzu-moi__mini {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}
.rzu-moi__mini span {
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(242, 229, 210, 0.1);
}
.rzu-moi__mini b {
    display: block;
    margin-top: 2px;
    font-size: 16px;
    font-weight: 900;
    color: var(--vanilla, #F2E5D2);
}
.rzu-page .rzu-btn.rzu-top__lien {
    justify-content: center;
    width: 100%;
    margin-top: 14px;
}
/* Grille de cotes dans l'affiche : à ras des bords de la carte. */
.rzu-pc .rzu-pc__grille { padding: 0 18px 18px; }
.rzu-pc__grille + .rzu-pc__plus { padding: 0 18px 16px; margin-top: -6px; }

/* Pleine largeur : cases de cote plus larges, comme sur un site de paris. */
@media (min-width: 900px) {
    .rzu-pc__grille .rzu-wrap .rzu-q--winner > .rzu-pills-3 { grid-template-columns: repeat(3, 96px); }
}
/* La colonne démarre au niveau de la première affiche, pas du titre
   « Pronos en cours » (20 px × 1,25 + 12 px de marge). */
@media (min-width: 961px) {
    .rzu-page-aside { margin-top: calc(20px * 1.25 + 12px); }
}

/* ---------------------------------------------------------
 * 11) /classement-pronos/ façon tableau sportif (13/10)
 * --------------------------------------------------------- */
/* Périodes : module .its-pastille (itsrugby-common.css). */
.rzu-cl-onglets {
    margin: 0 0 16px;
}

/* Podium : 2e, 1er, 3e ; le premier monte plus haut. */
.rzu-podium {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
    gap: 10px;
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
}
.rzu-podium__m {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 18px 12px 16px;
    background: var(--sage, #ABC8A2);
    color: var(--teal, #1C3D34);
    text-align: center;
}
.rzu-podium__m--1 {
    padding-top: 30px;
    padding-bottom: 26px;
    background: var(--teal, #1C3D34);
    color: var(--vanilla, #F2E5D2);
}
.rzu-podium__m--3 { background: var(--sage-lt, #D7EAE2); }
.rzu-podium__rang {
    font-size: 40px;
    font-weight: 900;
    line-height: 1;
}
.rzu-podium__m--1 .rzu-podium__rang { font-size: 56px; }
.rzu-podium__nom {
    max-width: 100%;
    font-size: 15px;
    font-weight: 800;
    overflow-wrap: anywhere;
}
.rzu-podium__pts { font-size: 14px; font-weight: 700; }
.rzu-podium__pts strong { font-size: 22px; font-weight: 900; }
.rzu-podium__m.is-moi { box-shadow: inset 0 0 0 3px var(--teal, #1C3D34); }
.rzu-podium__m--1.is-moi { box-shadow: inset 0 0 0 3px var(--vanilla, #F2E5D2); }

/* Le reste du classement : une ligne par joueur. */
.rzu-cl-table {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
}
.rzu-cl-ligne {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 12px 18px;
    font-size: 15px;
    box-shadow: inset 0 -1px 0 rgba(28, 61, 52, 0.08);
    color: var(--teal, #1C3D34);
}
.rzu-cl-ligne:nth-child(even) { background: rgba(242, 229, 210, 0.45); }
.rzu-cl-rang {
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}
.rzu-cl-nom { font-weight: 700; overflow-wrap: anywhere; }
.rzu-cl-pts { font-weight: 600; }
.rzu-cl-pts strong { font-size: 17px; font-weight: 900; font-variant-numeric: tabular-nums; }
.rzu-cl-ligne.is-moi { background: var(--sage-lt, #D7EAE2); }
.rzu-cl-ligne--hors { margin-top: 10px; background: var(--sage-lt, #D7EAE2); }
.rzu-cl-note {
    margin: 12px 0 0;
    font-size: 13px;
    color: rgba(28, 61, 52, 0.7);
}
.rzu-page .rzu-btn.rzu-cl-jouer {
    justify-content: center;
    width: 100%;
}
/* Pas de titre au-dessus des onglets : la colonne démarre à leur hauteur. */
@media (min-width: 961px) {
    .rzu-page-aside.rzu-page-aside--cl { margin-top: 0; }
}
@media (max-width: 599px) {
    .rzu-podium { gap: 6px; }
    .rzu-podium__m { padding: 14px 6px 12px; }
    .rzu-podium__rang { font-size: 30px; }
    .rzu-podium__m--1 .rzu-podium__rang { font-size: 40px; }
    .rzu-podium__nom { font-size: 13px; }
    .rzu-cl-ligne { padding: 11px 14px; }
}

/* Tableau du classement (13/10, remplace le podium) : même allure que les
   classements de compétition, en-tête teal et lignes zébrées vanille. */
.rzu-cl-wrap { overflow-x: auto; }
.rzu-cl-tableau {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    color: var(--teal, #1C3D34);
    font-size: 15px;
}
.rzu-cl-tableau thead th {
    padding: 12px 14px;
    background: var(--teal, #1C3D34);
    color: var(--vanilla, #F2E5D2);
    font-size: 13px;
    font-weight: 800;
    text-align: left;
}
.rzu-cl-tableau abbr { text-decoration: none; cursor: help; }
.rzu-cl-tableau td,
.rzu-cl-tableau tbody th {
    padding: 11px 14px;
    font-weight: 600;
    text-align: left;
}
.rzu-cl-tableau tbody tr:nth-child(even) { background: rgba(242, 229, 210, 0.55); }
.rzu-cl-tableau tbody tr.is-moi { background: var(--sage-lt, #D7EAE2); }
.rzu-cl-tableau .rzu-cl-rang { width: 52px; }
.rzu-cl-tableau .rzu-cl-nom { font-weight: 800; overflow-wrap: anywhere; }
.rzu-cl-tableau .rzu-cl-num {
    width: 72px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.rzu-cl-tableau .rzu-cl-taux { width: 96px; }
.rzu-cl-tableau td.rzu-cl-pts { font-size: 17px; font-weight: 900; }
.rzu-cl-pastille {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: var(--vanilla, #F2E5D2);
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}
.rzu-cl-pastille--1 { background: var(--teal, #1C3D34); color: var(--vanilla, #F2E5D2); }
.rzu-cl-pastille--2,
.rzu-cl-pastille--3 { background: var(--sage, #ABC8A2); }
@media (max-width: 599px) {
    .rzu-cl-tableau { font-size: 14px; }
    .rzu-cl-tableau td,
    .rzu-cl-tableau tbody th,
    .rzu-cl-tableau thead th { padding: 10px 8px; }
    .rzu-cl-tableau .rzu-cl-num { width: 44px; }
    .rzu-cl-tableau .rzu-cl-taux { display: none; }
}