/* «Compara los juegos» на /juegos/ (владелец 11.11: цены выходных и «чем больше игроков, тем дешевле»). Разметка — server/src/web/index.js
   (gamesPage, #comparar): цены обеих групп дней клуба по ступеням числа игроков — строки .dv-tier (pages.css, как таблица цен направлений).
   Свой класс таблицы (cmp-table, не gp-table): правило телефона в juegos-hero.css, которое прятало колонку выходных, её не касается.
   Телефон (до 760 px): игра с игроками под названием и две колонки цен; «Jugadores», «Cumpleaños», «Escenarios» — на широких экранах. */
/* «Precios por persona.» — над таблицей (первая фраза подписи владельца; «cuantos más jugadores…» — видно по ступеням и в FAQ, 11.11) */
.cmp-lead { margin: 0 0 12px; color: var(--aw-text-muted); font-size: 0.92rem; }
.cmp-table { overflow-x: auto; }
.cmp-table .tiers { min-width: 640px; margin: 0; }
.cmp-table .tiers th { vertical-align: bottom; white-space: nowrap; }   /* «Vie–Dom» не рвётся на телефоне */
.cmp-table .tiers td { vertical-align: top; padding-block: 12px; }
.cmp-table .tiers th small { margin-top: 2px; font-size: 0.72rem; color: var(--aw-text-muted); white-space: nowrap; }
.cmp-table .tiers a { color: var(--aw-text); }
.cmp-table .tiers a:hover { color: var(--aw-accent-soft); }
.cmp-table .tiers td:nth-child(4) .dv-tier small { display: none; }   /* ступени выходных — те же строки: подпись числа игроков — в будних */
.cmp-table .tiers td .cmp-pl { display: none; }
@media (max-width: 760px) {
    .cmp-table { overflow-x: visible; }
    .cmp-table .tiers { min-width: 0; width: 100%; }
    .cmp-table .tiers :is(.cmp-n, .cmp-x) { display: none; }
    .cmp-table .tiers td .cmp-pl { display: block; margin-top: 3px; }
    .cmp-table .tiers td:first-child { padding-right: 10px; overflow-wrap: anywhere; }
    .cmp-table .tiers :is(th, td):nth-child(3) { padding-right: 12px; }
    .cmp-table .dv-tier { gap: 7px; }
}