/* ===========================================================================
   PAGE PUBLIQUE « TARIFS » (module `tarifs`, mission « accueil 02 »,
   14/10/2026). Une colonne étroite, comme « Fonctionnalités » ; le prix du
   crédit en évidence, le reste en texte courant. Que des jetons.
   =========================================================================== */

.tarifs__intro {
  font-size: var(--tab-taille-moyenne, 1.125rem);
  line-height: var(--tab-interligne, 1.55);
  max-width: var(--tab-mesure, 72ch);
}

/* Le prix du crédit : le montant en grand, à la couleur d'accent ; l'unité
   à côté, en texte secondaire. Passe à la ligne plutôt que de déborder. */
.tarifs__prix {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: var(--tab-espace-1, 8px);
  margin-block: var(--tab-espace-3, 32px);
}
.tarifs__montant {
  font-size: var(--tab-taille-grand-titre, 2rem);
  font-weight: 700;
  color: var(--tab-accent, #3F6FA9);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.tarifs__unite { color: var(--tab-texte-secondaire, #666666); }

.tarifs__titre {
  font-size: var(--tab-taille-moyenne, 1.125rem);
  margin-block: var(--tab-espace-3, 32px) var(--tab-espace-2, 16px);
}

/* « Voir tout le détail » : un repliable discret sous le tableau. */
.tarifs__detail { margin-block: var(--tab-espace-2, 16px) 0; }
.tarifs__detail .accordeon__titre {
  font-size: var(--tab-taille-base, 1rem);
  font-weight: 600;
}

/* Les deux liens discrets du bas (accueil, Insider) : le dessin du retour
   d'« À propos » (`.a-propos__retour`, `a-propos.css`), sans le grand écart
   du haut, la page étant courte. Mission « accueil 03 ». */
.tarifs .tarifs__liens { margin-block-start: var(--tab-espace-3, 32px); }