/* Listes de races (inc/race-lists.php) : tableau comparatif des pages /races-xxx, replié dans page-transversale (inc/transversale.php) */

.rl-intro { color: var(--muted); line-height: 1.65; margin: 0 0 20px; max-width: 760px; }
.rl-intro a, .rl-table-note a { color: var(--green); }

/* Tableau : défilement horizontal, première colonne figée */
.rl-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--border); border-radius: var(--radius); background: var(--white); }
.rl-table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 0.86rem; }
.rl-table thead th { background: var(--green); color: var(--white); text-align: left; font-weight: 600; padding: 10px 12px; white-space: nowrap; }
.rl-table tbody th, .rl-table td { padding: 9px 12px; border-top: 1px solid var(--border); text-align: left; vertical-align: top; }
.rl-table tbody th { font-weight: 600; background: var(--white); position: sticky; left: 0; z-index: 1; }
.rl-table thead th:first-child { position: sticky; left: 0; z-index: 2; }
.rl-table tbody tr:nth-child(even) td, .rl-table tbody tr:nth-child(even) th { background: var(--green-pale); }
.rl-table a { color: var(--green); }
.rl-table td:last-child { font-size: 0.78rem; color: var(--muted); }
.rl-na { color: var(--muted); }
.rl-table-note { font-size: 0.78rem; color: var(--muted); line-height: 1.6; margin: 10px 0 0; max-width: 900px; }

@media (max-width: 768px) {
  .rl-table { font-size: 0.8rem; }
  .rl-table tbody th { max-width: 140px; }
}

/* Colonne « Ce que dit le standard » (listes par critère : blanc, noir, garde, poil long) */
.rl-table td:has(.rl-quote-src) { min-width: 260px; max-width: 420px; font-style: italic; }
.rl-quote-src { display: inline-block; margin-top: 4px; font-style: normal; font-size: 0.78rem; color: var(--muted); }