/* Pages thèmes et comparaisons uniquement */
.dtable.wrap th, .dtable.wrap td { white-space: normal; vertical-align: top; }
.dtable.wrap td:first-child { min-width: 9em; }
.dtable.wrap small { color: var(--muted); white-space: nowrap; }
@media (max-width: 640px) { .dtable.wrap { font-size: 12.5px; } .dtable.wrap th, .dtable.wrap td { padding: 6px 5px; } }
/* Téléphone : chaque ligne devient une carte (nom en titre, valeurs libellées côte à côte) */
@media (max-width: 640px) {
  .dtable.cards thead { display: none; }
  .dtable.cards, .dtable.cards tbody { display: block; width: 100%; }
  .dtable.cards tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
  .dtable.cards.c4 tr { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .dtable.cards td { display: block; border: 0; padding: 0; text-align: left; font-size: 13.5px; }
  .dtable.cards td:first-child { grid-column: 1 / -1; font-weight: 600; font-size: 14.5px; margin-bottom: 4px; }
  .dtable.cards td[data-l]::before { content: attr(data-l); display: block; font-size: 11px; color: var(--muted); font-weight: 500; }
}