/* ============================================================================
   CONTACT · À PROPOS · COMMENT ÇA MARCHE · CONNEXION
   ============================================================================ */

/* --- Étapes de « how it works ».
       Leurs h2 sont dessinés à 1,3 rem dans une grille dont la première colonne
       fait 80 px pour le numéro. Le clamp de l'accueil les poussait à 2,6 rem :
       le titre passait sous le numéro. 1,55 rem les renforce sans casser la
       grille. Le filet de séparation saute, comme partout ailleurs. --- */
.step h2{ font-size:1.55rem !important; line-height:1.25 !important; max-width:34ch !important; }
.step{ border-bottom:none !important; padding:2.5rem 0 !important; }
.step__num{ color:var(--brand-magenta,#C00060) !important; opacity:1 !important; }

/* --- Cartes de confiance, encarts de connexion, accordéon partenaires :
       même rayon et même ombre que les cartes du reste du site. --- */
.trust, .feature{
  border:1px solid transparent !important;
  border-radius:1rem !important;
  box-shadow:0 1px 2px rgba(18,19,42,.03), 0 14px 28px -18px rgba(18,19,42,.10);
  padding:1.4rem 1.5rem !important;
}
.partner-accordion__item{
  border:1px solid transparent !important;
  border-radius:1.2rem !important;
  box-shadow:0 1px 2px rgba(18,19,42,.03), 0 16px 32px -20px rgba(18,19,42,.12);
}
.partner-accordion__head h3{ font-size:1rem !important; }

/* --- Formulaire de contact : les deux colonnes se replient sous 640 px.
       Sans ça, deux champs côte à côte sur un écran étroit deviennent
       inutilisables — c'est le débordement de 22 px signalé dans le dossier. --- */
@media (max-width:640px){ .field-row{ grid-template-columns:1fr !important; } }


/* ---------------------------------------------------------------------------
   PAGE CONNEXION (10/08) — grille des encadres et note de bas de bloc
   `.feature-list` etait une grille de 3 colonnes, dessinee quand la page
   n'avait qu'une seule liste de six elements. Les deux listes en comptent
   quatre depuis la v61 : 3 + 1, une carte orpheline et un vide sous elle.
   La premiere liste passe a 4 colonnes — c'est une sequence (demande, devis,
   suivi, resultats), elle se lit mieux sur une ligne. La seconde vit a cote
   d'une photo, dans une demi-largeur : 2 x 2.
   Les deux media queries sont redeclarees, sinon celles de la page seraient
   ecrasees par ce calque, injecte apres elles.
   `.feature-list` n'existe que sur les deux pages login : aucun cadrage n'est
   necessaire.
   --------------------------------------------------------------------------- */
.feature-list{ grid-template-columns:repeat(4,1fr) !important; }
.partner-split .feature-list{ grid-template-columns:repeat(2,1fr) !important; }
@media (max-width:1000px){ .feature-list{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:640px){
  .feature-list, .partner-split .feature-list{ grid-template-columns:1fr !important; }
}

/* La note empruntait `sub`, reglee a 1,08 rem pour un chapeau de section : elle
   sortait plus grosse et plus sombre que le texte des encadres qu'elle
   commente. Une note se lit sous le contenu, pas au-dessus. */
.feature-note{
  font-size:.88rem !important; line-height:1.6 !important;
  color:var(--mute) !important; max-width:54ch; margin:1.5rem 0 0 !important;
}