/* L'étape « Que veux-tu créer ? » (#/creer, js/creer/), native Le Fil : trois cartes-liens (Colo, Accueil de loisirs, Périscolaire), chacune avec son titre
   et la phrase qui lève l'ambiguïté. Même grammaire que les cartes du kit du budget (`fb-carte` : filet, surface, rayon 24) ; le type de l'onglet d'origine passe
   en premier, son filet en encre et une puce « Ton onglet ». Jetons --f-* seulement : aucune couleur littérale. */
.fcr-contenu { min-width: 0; }
/* Les cartes s'alignent sur le titre de l'en-tête commun : la racine du kit n'ajoute pas ses 16 px au bureau (au téléphone, fil-marges.css les retire déjà). */
[data-app] .wrap .fcr { padding-inline: 0; }
.fcr-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 12px; margin: 0; }
.fcr-choix { display: flex; align-items: flex-start; gap: 14px; min-height: 96px; padding: 20px; color: var(--f-encre); text-decoration: none; }
.fcr-choix:hover { background: var(--f-surface-2); }
.fcr-choix:focus-visible { outline: 2px solid var(--f-encre); outline-offset: 3px; }
.fcr-choix[data-origine] { border-color: var(--f-encre); }
.fcr-ico, .fcr-ico svg { width: 24px; height: 24px; margin-top: 1px; color: var(--f-encre-2); }
.fcr-texte { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.fcr-nom { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font: 600 18px/1.3 Inter, system-ui, sans-serif; }
.fcr-puce { padding: 5px 9px; }
.fcr-phrase { color: var(--f-encre-2); font: 400 14px/1.4 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
.fcr-choix .f-chevron { align-self: center; }
@media (min-width: 900px) {
  .fcr-choix { flex-direction: column; min-height: 200px; padding: 24px; }
  .fcr-choix .f-chevron { align-self: flex-end; margin-top: auto; }
}