/* Ce que le système de design ne fournit pas : la mise en place de l'interface dans la page. Aucune couleur ni police ici,
   tout vient de tokens.css et carrousels.css. */
body { margin: 0; background: var(--paper); color: var(--ink); }
.app-toasts { position: fixed; z-index: 40; right: 20px; bottom: 20px; display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }
@media (max-width: 1023px) { .app-toasts { right: 16px; left: 16px; bottom: 84px; align-items: stretch; } }
/* Personas sur téléphone : la maquette pose 3 cartes de 132 px dans 358 px. Les cartes prennent la largeur de leur colonne
   pour ne pas faire déborder la page (à signaler au designer : .cr-persona a une largeur fixe). */
.app-grille-personas .cr-persona { width: 100%; }