/* Texte secondaire : encre adoucie, commune aux sections de la landing. */
:root{--texte-secondaire:#433b4d;--gris:#433b4d;--muted:#433b4d}
body .entete-nav a,body .resultats-discours p,body .resultats-discours small,body .benefices-analyse li,body .apercu-corps,body .comptes-titre,body .comptes small,body .offre-note,body .offre-prix span,body .offres-reserve,body .faq details p,body .pied p,body .pied a,body .pied small{color:#433b4d!important}
body #offres .offre.est-mise-en-avant .offre-note,body #offres .offre.est-mise-en-avant .offre-prix span{color:#433b4d!important}
body #premier .intro,body .bureau small,body .bureau .idee small,body .draft,body .destinations>span:not(.pill),body .gris,body .post-head small,body .post-header small,body .intro>p,body .new-direction .intro p,body .week-kicker,body .open-slot,body .open-slot>span,body .fiction,body .person small,body .metrics span,body .week-footer{color:#433b4d!important}
.entete .entete-nav a{font-weight:600}
@media(min-width:1000px){.entete .entete-barre{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px}.entete .entete-logo{justify-self:start}.entete .entete-nav{justify-self:center;margin:0;display:flex;gap:28px}.entete .entete-barre>.bouton{justify-self:end;white-space:nowrap}}
body .week-legend,body .profil small,body .compteurs,body .linkedin-actions{color:#433b4d!important}

/* Lien « Se connecter » de l'en-tête (03/10/2026). Carolanne n'a trouvé aucun lien de connexion sur la landing :
   4 liens vers /inscription, 0 vers /connexion. Le lien et le bouton forment le groupe .entete-actions.
   Mesures (DM Sans, Chromium) : lien 92,5 px, bouton 210,4 px, logo 56,1 px, nav 449,3 px, groupe 318,9 px. */
.entete .entete-actions{display:flex;align-items:center;gap:16px}
/* Même police (héritée), même graisse, même encre que .entete-nav a. Le ::after agrandit la zone tactile
   (43 px de haut) sans bouger la mise en page ni la bague de focus. */
.entete .entete-connexion{position:relative;border-radius:4px;color:var(--texte-secondaire,#433b4d);font-size:.9rem;font-weight:600;white-space:nowrap;text-decoration:none}
.entete .entete-connexion::after{content:"";position:absolute;inset:-10px -6px}
.entete .entete-connexion:focus-visible{outline:3px solid var(--violet,#7145f5);outline-offset:3px}
@media(hover:hover){.entete .entete-connexion:hover{color:var(--encre,#292137);text-decoration:underline;text-underline-offset:4px}}
/* Dès 1000 px la barre est une grille : la règle « .entete-barre>.bouton » ci-dessus ne vise plus le bouton,
   devenu petit-fils. C'est le groupe qui se cale à droite. */
@media(min-width:1000px){.entete .entete-barre>.entete-actions{justify-self:end}}
/* Colonne latérale de la grille symétrique = (largeur - 545) / 2 sous 1200 px, 327 px au-delà (enveloppe plafonnée).
   Le groupe (319 px) y laisse moins de 32 px à la nav, et la touche sous 1135 px. De 1000 à 1199 px, la nav se
   centre donc entre le logo et le groupe. */
@media(min-width:1000px) and (max-width:1199px){.entete .entete-barre{grid-template-columns:auto 1fr auto}}
/* Logo + nav + groupe + écarts + marges = 914 px, et le bundle ne masque la nav qu'à 860 px au plus :
   entre 861 et 914 px l'en-tête déborderait. */
@media(max-width:959px){.entete .entete-nav{display:none}}
/* Sans nav, logo + groupe tiennent sur une ligne jusqu'à 447 px avec les écarts d'origine (24 px de marge) :
   sous 460 px, on resserre marges et écarts pour garder de l'air. */
@media(max-width:459px){
.entete .entete-barre{gap:12px;padding-inline:16px}
.entete .entete-actions{gap:12px}
.entete .entete-actions .bouton{padding-inline:14px}
}
/* Sous 420 px, la ligne unique exige encore 409 px malgré ces écarts (il en manque 19 à 390 px, 89 à 320 px)
   et le texte ne descend pas sous 14 px : le libellé du bouton passe volontairement sur deux lignes,
   dans une pastille compacte. */
@media(max-width:419px){
.entete .entete-actions .bouton{display:block;width:min-content;padding:7px 14px;line-height:1.15;text-align:center;white-space:normal}
}
@media(max-width:359px){
.entete .entete-barre{gap:10px;padding-inline:12px}
.entete .entete-actions{gap:10px}
}