/* Page Faire adopter l'IA (adresse /ia-integree/), portfolio de l'adoption depuis le 14/10/2026 : seuls les écarts avec ateliers.css.
   Le relevé d'équipe du premier écran, retiré ce jour-là, vit avec sa feuille complète dans tour-2/ecartees/ia-integree-copie-usage-ia-2026-10-14/. */
.maxime{margin-top:var(--e-6);max-width:46rem;font-size:var(--t-md);font-weight:600;line-height:1.4}
@media(min-width:900px){.page-mieux-ia .deroule{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Les logos du premier écran, « Ils me font confiance » (17/10/2026, remplace le cadre references.md) : vignettes inclinées,
   en petit sous les boutons depuis que le jeu de l'équipe occupe la colonne de droite (17/10/2026 au soir). */
@media(max-width:1023px){.page-mieux-ia .hero-grille{row-gap:var(--e-7)}}
.confiance{display:grid;justify-items:start;gap:var(--e-3);margin-top:var(--e-6)}
.confiance-titre{margin:0}
.confiance-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e-2);width:min(100%,420px)}
.confiance-logos li{--r:0deg;display:grid;place-items:center;aspect-ratio:1.4;padding:var(--e-2);border-radius:var(--rayon-fenetre);background:var(--fenetre);box-shadow:var(--ombre-fenetre),inset 0 0 0 1px var(--filet);transform:rotate(var(--r));transition:transform var(--duree-secondaire) var(--courbe)}
.confiance-logos li:nth-child(1){--r:-3deg}
.confiance-logos li:nth-child(2){--r:2.5deg}
.confiance-logos li:nth-child(3){--r:2deg}
.confiance-logos li:nth-child(4){--r:-2.5deg}
.confiance-logos li:hover{--r:0deg}
.confiance-logo{display:block;width:100%;height:24px;background:var(--logo) center/contain no-repeat;filter:grayscale(1) contrast(1.1)}
.confiance-logo--carre{height:34px}
[data-theme="dark"] .confiance-logo{filter:grayscale(1) invert(1) contrast(1.1)}

/* Le jeu de l'équipe au premier écran (17/10/2026) : seul, chaque collègue se forme dans son coin, lentement ;
   accompagnée, toute l'équipe monte en compétences d'un coup. Chiffres d'exemple, signalés sur la fenêtre. Script dans mieux-ia.js. */
.equipe-corps{display:grid;gap:var(--e-4);padding:var(--e-4)}
.equipe-gains{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-3)}
.gain{display:grid;gap:4px;padding:var(--e-3);border-radius:var(--rayon-onglet);background:var(--fond-2);box-shadow:inset 0 0 0 1px var(--filet)}
.gain-nom{font-family:var(--police-fichier);font-size:var(--t-xs);color:var(--encre-douce)}
.gain-valeur{font-size:var(--t-lg);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.gain-valeur small{font-size:var(--t-sm);font-weight:600;color:var(--encre-douce)}
.gain-piste{height:6px;border-radius:3px;background:var(--filet);overflow:hidden}
.gain-piste i{display:block;height:100%;width:var(--p,0%);border-radius:inherit;background:var(--filet-fort);transition:width 450ms var(--courbe),background-color 300ms}
.scene-jeu.fini.auto .gain-piste i{background:var(--ok)}
.exemple{margin-left:auto;padding:2px var(--e-2);border-radius:var(--pilule);box-shadow:inset 0 0 0 1px var(--filet-fort);font-family:var(--police-fichier);font-size:var(--t-xs);color:var(--encre-douce);white-space:nowrap}
.equipe-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e-2)}
.collegue{position:relative;overflow:hidden;display:grid;justify-items:center;gap:4px;min-height:44px;padding:var(--e-3) var(--e-1);border:0;border-radius:var(--rayon-onglet);background:none;box-shadow:inset 0 0 0 1px var(--filet);font:inherit;color:var(--encre);cursor:pointer;transition:box-shadow 200ms,transform 300ms var(--courbe-ressort),opacity 300ms}
.js .collegue{opacity:0;transform:translateY(8px) scale(.94)}
.js .collegue.pose{opacity:1;transform:none}
.collegue-tete{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--fond-2);box-shadow:inset 0 0 0 1px var(--filet-fort);font-weight:800;font-size:var(--t-sm);color:var(--encre-douce);transition:background-color 300ms,color 300ms}
.collegue-nom{font-weight:700;font-size:var(--t-sm);line-height:1.2}
.collegue-etat{font-family:var(--police-fichier);font-size:var(--t-xs);line-height:1.2;color:var(--encre-douce);text-align:center}
.scene-jeu.pret .collegue:not(.repare):hover{box-shadow:inset 0 0 0 2px var(--calme)}
.collegue.repare{cursor:default}
.collegue.forme-seul .collegue-tete{background:var(--lilas);color:var(--nuit);box-shadow:none}
.collegue.forme-atelier .collegue-tete{background:var(--vert-moyen);color:var(--nuit);box-shadow:none}
.collegue.forme-atelier{box-shadow:inset 0 0 0 2px var(--ok)}
.collegue::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--lilas)} /* la barre d'apprentissage */
.collegue.apprend::after{animation:apprendre var(--duree,2400ms) linear forwards}
.collegue.repare::after{width:100%}
.collegue.forme-atelier::after{background:var(--ok)}
@keyframes apprendre{to{width:100%}}
.scene-fenetre.secousse{animation:secousse 420ms var(--courbe)}
@media(prefers-reduced-motion:reduce){.collegue,.gain-piste i{transition:none}}
@media(max-width:559px){.collegue-etat{display:none}.collegue-tete{width:34px;height:34px}.equipe-corps{padding:var(--e-3)}.gain-valeur{font-size:var(--t-md)}}

/* Une page par métier, en petits blocs côte à côte */
.cas-reconnus{display:grid;gap:var(--e-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.cas-reconnus li{display:grid;gap:var(--e-2);align-content:start;padding:var(--e-5);border-radius:var(--rayon-fenetre);background:var(--fenetre);box-shadow:var(--ombre-fenetre),inset 0 0 0 1px var(--filet)}
.cas-numero{font-family:var(--police-fichier);font-size:var(--t-xs);font-weight:700;color:var(--calme)}
.cas-reconnus p{font-size:var(--t-sm);line-height:1.5}
.cas-reconnus a{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--calme)}
.cas-reconnus + .renvoi{margin-top:var(--e-5);max-width:46rem}

/* Logo carré d'emlyon dans les onglets des preuves (le système repliable des onglets est dans accueil-fidele.css) */
.cas-logo--carre{height:34px}
