/* Page d'une application - reprise de docs/i4s-application-pc.html. Le reste vient des feuilles de la fiche, de la gamme,
   du catalogue, de l'accueil et des blocs (fil, tête, identité, blocs photo et index, bande Raccordement, autres,
   référence, contact). */

/* Le besoin sans photo : le texte seul, dans la colonne de lecture (blocs/lecture.css). Avec une photo, il prend la
   mise en page du bloc Texte et photo (blocs/texte-photo.css, correctifs graphiques après le lot 8). */
.ap__t{max-width:66ch}

/* Compatibles, en colonnes par famille */
.cf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,44px);
  margin-top:clamp(30px,4vw,52px)}
.cf--seul{margin-top:0}
.cf h3{font-family:var(--ui);font-weight:800;font-size:.76rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--blue);padding-bottom:14px;border-bottom:2px solid var(--navy)}
.cf .pl{border-top:0}
.cf__s{margin-top:16px}

/* Dans une bande teintée, les cotes de l'index passent en couleur de texte (contraste) et le survol en blanc */
.band--ice .pl__m{color:var(--body)}
.band--ice .pl a:hover{background:#fff}

@media (max-width:1000px){
  .cf{grid-template-columns:minmax(0,1fr)}
}