/* ===========================================================================
   LE TABLEAU DES COÛTS EN CRÉDITS (mission « accueil 02 », 14/10/2026,
   module `credits`) : la présentation « tableau » du composant
   `partials/couts_credits.html`, lue par la page publique Tarifs. La
   présentation « deux colonnes » de la page Crédits garde ses classes
   d'avant (`credits.css`) et n'a pas besoin de cette feuille.

   Le tableau commun (`.tableau`, `base.css`) fait le reste : bordures,
   montants alignés à droite en chiffres tabulaires. Que des jetons.
   =========================================================================== */

/* L'action prend toute la place ; les deux colonnes de chiffres se serrent à
   droite, sans jamais couper un montant (`.montant` : pas de retour). */
.couts-credits__tableau td:first-child { width: 100%; }

/* La précision d'une ligne, sous l'action, en petit : la même que sur la
   page Crédits. */
.couts-credits__precision {
  display: block;
  font-size: var(--tab-taille-petite, 0.8125rem);
  color: var(--tab-texte-secondaire, #666666);
}

/* Téléphone : la marge intérieure des cellules se resserre, pour laisser la
   place au texte de l'action plutôt qu'au vide. */
@media (max-width: 640px) {
  /* La césure seulement ici : sur un grand écran, la colonne a la place. */
  .couts-credits__tableau td:first-child { hyphens: auto; }
  .couts-credits__tableau th,
  .couts-credits__tableau td { padding-inline: var(--tab-espace-1, 8px); }
  .couts-credits__tableau th:first-child,
  .couts-credits__tableau td:first-child { padding-inline-start: 0; }
  .couts-credits__tableau th:last-child,
  .couts-credits__tableau td:last-child { padding-inline-end: 0; }
}