/* Organisation fidèle (organisation-fidele.html) : l'ordre et les textes de la page en ligne, au style de la direction 1.
   S'ajoute à onglets.css et accueil-fidele.css (bande sur plusieurs lignes, missions en onglets). Valeurs tirées de tokens.css,
   sauf les quatre couleurs de la jauge du Baromètre, reprises telles quelles de la page en ligne. */
:root{
  --jauge-1:var(--vert-moyen);
  --jauge-2:#E8C4A0;
  --jauge-3:#E8946B;
  --jauge-4:var(--aubergine);
  --jauge-score:#B4521A;          /* orangé assombri : 5,1:1 sur la fenêtre claire (l'orangé en ligne, #D9671F, n'atteint que 3,4:1) */
  --surligneur:var(--lilas);      /* le coup de feutre sous les mots qui comptent */
}
:root[data-theme="dark"]{--jauge-score:#F0935A;--surligneur:var(--aubergine)}

/* Bandes rouges : sur cette page, elles couvrent des segments courts et gardent l'inclinaison de l'accueil,
   y compris dans le premier écran et la clôture (accueil-fidele.css les y met à plat pour des titres plus longs) */
.hero h1 .bande,.contact h2 .bande{display:inline-block;white-space:nowrap;transform:rotate(-2.2deg);padding:0 .14em .04em;line-height:inherit}

/* Surlignage des mots qui comptent : un coup de feutre sous le texte */
.surligne,.famille-liste b,.preuve-apres,.jauge-heures b{background:linear-gradient(transparent 58%, var(--surligneur) 58%, var(--surligneur) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Autocollants : une étiquette de travers posée sur une fenêtre */
.autocollant{position:absolute;z-index:2;max-width:15rem;padding:var(--e-2) var(--e-3);border-radius:6px;font-family:var(--police-fichier);font-size:var(--t-xs);font-weight:700;line-height:1.35;box-shadow:0 8px 18px -10px rgba(32,10,29,.55)}

/* Premier écran : l'agenda d'une semaine saturée. Midis et soirées pleins, deux tâches qui débordent sous la fenêtre,
   une jauge qui sort de sa piste. Chaque tâche nettoyée devient un loisir choisi par Lilian, ou une plage libre. */
.agenda-scene,.scene-jeu{position:relative;display:grid;gap:var(--e-4);padding:var(--e-4) 0 var(--e-2)} /* .scene-jeu : les premiers écrans des pages suivantes (revenus-fidele.css) */
.agenda-etat,.scene-etat{display:flex;justify-content:space-between;align-items:center;gap:var(--e-3)}
.agenda-scene .statut,.scene-jeu .statut{position:static}
.agenda-cadre,.scene-cadre{position:relative;padding-bottom:var(--e-7)}
.agenda{overflow:visible;transform:rotate(-1deg);color:var(--encre)}
.agenda .fenetre-barre{border-radius:var(--rayon-fenetre) var(--rayon-fenetre) 0 0}
.agenda .fenetre-barre .fichier{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agenda.secousse{animation:secousse 420ms var(--courbe)}
@keyframes secousse{0%,100%{transform:rotate(-1deg)}25%{transform:rotate(-1.8deg) translateY(3px)}60%{transform:rotate(-.6deg) translateY(1px)}}
/* La jauge de la semaine : 61 h pour une piste de 40, le rouge en sort */
.agenda-charge{display:inline-flex;align-items:center;gap:var(--e-2);font-family:var(--police-fichier);font-size:var(--t-xs);font-weight:700;color:var(--encre);white-space:nowrap}
.charge-piste{position:relative;flex:none;width:48px;height:8px;margin-right:var(--e-2);border-radius:var(--pilule);background:var(--fond);box-shadow:inset 0 0 0 1px var(--filet-fort)}
.charge-piste i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--charge) * 100%);border-radius:var(--pilule);background:var(--vert);transition:width 500ms var(--courbe),background-color 300ms var(--courbe)}
.agenda-scene.charge .charge-piste i{background:var(--rouge)}
.agenda-corps{display:grid;grid-template-columns:26px repeat(5,minmax(0,1fr));gap:3px;padding:var(--e-2)}
.agenda-corps > b{grid-column:calc(var(--jour) + 1);text-align:center;font-family:var(--police-fichier);font-size:var(--t-xs);color:var(--encre-douce)}
.agenda-heure{grid-column:1;align-self:center;font-family:var(--police-fichier);font-size:var(--t-2xs);color:var(--encre-douce)}
.journee{grid-column:calc(var(--jour) + 1);display:grid;place-items:center;height:28px;border-radius:6px;background:var(--fond-2);font-size:var(--t-2xs);font-weight:600;color:var(--encre-douce);overflow:hidden}
.journee .long,.bloc-titre .long{display:none}
.agenda-midi{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;grid-template-rows:48px} /* 48 px : chaque tâche du midi reste une cible de 44 px au doigt */
.agenda-midi .agenda-heure{grid-row:1}
.midi{grid-column:calc(var(--jour) + 1);grid-row:1;border-radius:6px;box-shadow:inset 0 0 0 1px var(--filet);transition:background-color 400ms var(--courbe)}
.agenda-scene.libre .midi,html:not(.js) .midi{background:var(--vert-pale)}
.auto-puce{grid-column:calc(var(--jour) + 1);display:flex;align-items:center;justify-content:center;height:24px;border-radius:var(--pilule);background:var(--vert-pale);color:var(--vert);font-family:var(--police-fichier);font-size:var(--t-2xs);font-weight:700;white-space:nowrap;overflow:hidden;opacity:0;transform:scale(.6);transition:opacity 260ms var(--courbe) calc(var(--jour) * 70ms),transform 420ms var(--courbe-ressort) calc(var(--jour) * 70ms)}
.auto-puce .long{display:none}
.agenda-scene.auto .auto-puce,html:not(.js) .auto-puce{opacity:1;transform:none}
.agenda-soir{grid-column:1 / -1;display:grid;grid-template-columns:26px repeat(5,minmax(0,1fr));grid-template-rows:repeat(8,26px);grid-auto-rows:26px;height:208px;gap:0 3px;margin-top:var(--e-1);background:repeating-linear-gradient(to bottom,var(--filet) 0 1px,transparent 1px 52px)}
.heure{grid-column:1;grid-row:var(--ligne);align-self:start;margin-top:-.55em;font-family:var(--police-fichier);font-size:var(--t-2xs);color:var(--encre-douce)}
.soir{grid-column:calc(var(--jour) + 1);grid-row:1 / 9;display:grid;place-items:center;border-radius:6px;font-family:var(--police-fichier);font-size:var(--t-xs);font-weight:700;color:transparent;transition:background-color 400ms var(--courbe),color 400ms var(--courbe)}
.agenda-scene.libre .soir,html:not(.js) .soir{background:var(--vert-pale);color:var(--vert);transition-delay:calc(var(--jour) * 70ms)}
.agenda-scene:not(.libre) .soir{visibility:hidden} /* "Libre" n'existe pas tant que la semaine est pleine, pas seulement invisible */
/* Les tâches, puis les loisirs qui les remplacent */
.bloc{grid-column:calc(var(--jour) + 1);grid-row:var(--debut) / span var(--duree);z-index:1;display:grid;align-content:start;margin:2px 0;padding:3px;border:0;border-left:3px solid var(--rouge);border-radius:6px;background:var(--alerte-barre);color:var(--encre);font:inherit;text-align:left;cursor:pointer;overflow:hidden;overflow-wrap:anywhere;box-shadow:0 6px 14px -8px rgba(32,10,29,.5)}
.bloc--midi{grid-row:1}
.bloc-titre{font-size:var(--t-2xs);font-weight:800;line-height:1.2;letter-spacing:-.01em;hyphens:manual}
html:not(.js) .bloc{display:none}
.js .bloc{opacity:0;transform:translateY(-18px) rotate(var(--penche,-2deg)) scale(.9);pointer-events:none;transition:opacity 220ms var(--courbe),transform 380ms var(--courbe-ressort),background-color 300ms var(--courbe),border-color 300ms var(--courbe)}
.js .bloc:nth-of-type(2n){--penche:2deg}
.js .bloc.pose{opacity:1;transform:rotate(calc(var(--penche,-2deg) / 3));pointer-events:auto}
.js .bloc.pose.bloc--deborde{transform:rotate(calc(var(--penche,-2deg) * 1.6)) translateY(4px);box-shadow:0 14px 22px -10px rgba(32,10,29,.7)}
.js .bloc.pose:hover{transform:rotate(0) scale(1.04)}
.js .bloc.loisir{background:var(--lilas);border-left-color:var(--vert);color:var(--nuit);transform:rotate(calc(var(--penche,-2deg) / 3));cursor:default;animation:retourne 420ms var(--courbe)}
.js .bloc.loisir.bloc--deborde{transform:none}
.js .bloc.vide{opacity:0;transform:scale(.8);pointer-events:none}
@keyframes retourne{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
.agenda-bulle,.scene-bulle{position:absolute;right:-6px;bottom:6px;z-index:3;display:flex;align-items:center;gap:var(--e-3);max-width:17rem;padding:var(--e-3) var(--e-4);border-radius:18px 18px 4px 18px;background:var(--creme);color:var(--nuit);font-weight:800;font-size:var(--t-sm);line-height:1.3;box-shadow:var(--ombre-onglet);transform:rotate(2deg)}
.js .agenda-bulle,.js .scene-bulle{opacity:0;transform:rotate(2deg) translateY(8px) scale(.9);transition:opacity 300ms var(--courbe),transform 420ms var(--courbe-ressort)}
.js .agenda-scene.fini .agenda-bulle,.js .scene-jeu.fini .scene-bulle{opacity:1;transform:rotate(2deg)}
.avatar{flex:none;width:36px;height:36px;border-radius:50%;background:var(--lilas);object-fit:cover}
.hero:has(.agenda-scene) .hero-grille,.hero:has(.scene-jeu) .hero-grille{align-items:center}
@media(max-width:559px){.agenda-charge .long,.agenda .fenetre-barre .fichier{display:none}.agenda .fenetre-barre{justify-content:space-between}}
@media(min-width:560px){.bloc-titre .long,.journee .long,.auto-puce .long{display:inline}.bloc-titre .court,.journee .court{display:none}.agenda-corps{grid-template-columns:44px repeat(5,minmax(0,1fr));gap:5px;padding:var(--e-4)}.agenda-soir{grid-template-columns:44px repeat(5,minmax(0,1fr));grid-template-rows:repeat(8,28px);grid-auto-rows:28px;height:224px;gap:0 5px;background:repeating-linear-gradient(to bottom,var(--filet) 0 1px,transparent 1px 56px)}.journee{height:32px}.auto-puce{height:26px}.bloc{padding:var(--e-1) 6px;border-left-width:4px}.charge-piste{width:64px}}
@media(min-width:1024px){.agenda-scene,.scene-jeu{padding:var(--e-7) 0 var(--e-4)}.bloc-titre{font-size:var(--t-xs)}}

/* Preuve haute : deux onglets épinglés, avant barré puis après */
.preuve{padding:var(--e-6) 0 0}
.preuves{display:grid;gap:var(--e-3)}
.preuve-lien{display:grid;grid-template-columns:auto auto 1fr;gap:var(--e-1) var(--e-3);align-items:baseline;min-height:44px;padding:var(--e-4) var(--e-5);border-radius:var(--rayon-onglet) var(--rayon-onglet) 4px 4px;background:var(--fenetre);box-shadow:inset 0 0 0 1px var(--filet),0 3px 0 var(--filet);color:var(--encre);text-decoration:none;transition:transform var(--duree-secondaire) var(--courbe);transform:rotate(-.8deg)}
.preuves li:nth-child(2) .preuve-lien{transform:rotate(.7deg)}
.preuves li .preuve-lien:hover{transform:translateY(-3px) rotate(0)}
.preuve-avant{color:var(--encre-douce);text-decoration:line-through;text-decoration-color:rgba(239,74,47,.6);text-decoration-thickness:1px}
.preuve-fleche{font-family:var(--police-fichier);font-weight:700;color:var(--rouge-texte)}
.preuve-apres{font-weight:800}
.preuve-lien .fichier{grid-column:1 / -1;color:var(--encre-douce)}
@media(max-width:559px){.preuve-lien{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--e-1) var(--e-2)}.preuve-lien .fichier{flex-basis:100%}}
@media(min-width:900px){.preuves{grid-template-columns:1fr 1fr;gap:var(--e-5)}}

/* Problèmes : les fenêtres d'alerte de la maquette d'offre */
.alertes{display:grid;gap:var(--e-5)}
.alerte .fenetre-barre{background:var(--alerte-barre)}
.alerte{transition:transform var(--duree-secondaire) var(--courbe)}
.alerte:nth-child(1){transform:rotate(-1.2deg)}
.alerte:nth-child(2){transform:rotate(.8deg) translateY(6px)}
.alerte:nth-child(3){transform:rotate(-.5deg)}
.alerte:hover{transform:translateY(-4px) rotate(0)}
.alerte .fenetre-corps{grid-template-columns:auto 1fr;column-gap:var(--e-4)}
.alerte-icone{grid-row:1 / span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--rouge);color:var(--nuit);font-weight:800;font-size:var(--t-lg)}
.alerte h3{font-size:var(--t-md);line-height:1.25}
.alerte p{color:var(--encre-douce)}
@media(min-width:900px){.alertes{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Baromètre : l'aperçu du résultat dans une fenêtre d'appli */
.barometre-section{background:var(--vert-pale)}
[data-theme="dark"] .barometre-section{background:var(--fond-2)}
.barometre-grille{display:grid;gap:var(--e-7);align-items:center}
.barometre-texte{display:grid;gap:var(--e-5);justify-items:start}
.barometre-texte h2{font-size:var(--t-2xl)}
.barometre-texte p{font-size:var(--t-md);line-height:1.55;max-width:44ch}
.btn-contour--clair{border-color:var(--vert);color:var(--vert)}
.btn-contour--clair:hover{background:var(--vert);color:var(--creme)}
[data-theme="dark"] .btn-contour--clair{border-color:var(--vert-moyen);color:var(--vert-moyen)}
[data-theme="dark"] .btn-contour--clair:hover{background:var(--vert-moyen);color:var(--nuit)}
.apercu-barometre{max-width:420px;width:100%;justify-self:center;color:var(--encre);text-decoration:none;transition:transform var(--duree-secondaire) var(--courbe);--penche:1.6deg;transform:rotate(var(--penche));will-change:transform}
.apercu-barometre.suit{transition:none}
.apercu-barometre .fenetre-corps{gap:var(--e-2)}
.jauge{display:block;width:100%;max-width:220px;margin:0 auto}
.jauge-1{stroke:var(--jauge-1)}.jauge-2{stroke:var(--jauge-2)}.jauge-3{stroke:var(--jauge-3)}.jauge-4{stroke:var(--jauge-4)}
.jauge-score{text-align:center;font-size:var(--t-sm);color:var(--encre-douce)}
.jauge-score strong{font-size:var(--t-xl);font-weight:800;color:var(--jauge-score)}
.jauge-verdict{text-align:center;font-size:var(--t-sm);color:var(--encre-douce)}
.jauge-heures{padding:var(--e-3);border-radius:8px;background:var(--fond-2);font-size:var(--t-sm)}
.jauge-fuites{position:relative;display:grid;gap:var(--e-2);max-height:120px;overflow:hidden;-webkit-mask:linear-gradient(to bottom,#000 55%,transparent);mask:linear-gradient(to bottom,#000 55%,transparent)}
.jauge-fuites p{display:grid;gap:2px;padding-top:var(--e-2);border-top:1px solid var(--filet);font-size:var(--t-xs);color:var(--encre-douce)}
.jauge-fuites b{font-size:var(--t-sm);color:var(--encre)}
.jauge-plus{text-align:center;font-family:var(--police-fichier);font-size:var(--t-xs);font-weight:700;color:var(--vert)}
[data-theme="dark"] .jauge-plus{color:var(--vert-moyen)}
@media(min-width:900px){.barometre-grille{grid-template-columns:1fr 1fr}}

/* Mes services : trois familles, chacune dans sa fenêtre */
.familles{display:grid;gap:var(--e-5)}
.famille{transition:transform var(--duree-secondaire) var(--courbe)}
.famille:hover{transform:translateY(-4px) rotate(-.4deg)}
.famille-tete{display:flex;align-items:center;gap:var(--e-3)}
.famille-tete h3{font-size:var(--t-lg);letter-spacing:-.02em}
.famille-liste{display:grid;gap:var(--e-3);font-size:var(--t-sm);line-height:1.5;color:var(--encre-douce)}
.famille-liste b{color:var(--encre)}
.icone{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--lilas);color:var(--nuit);transform:rotate(-4deg)}
.icone svg{width:26px;height:26px}
.icone .accent{fill:var(--rouge)}
@media(min-width:1000px){.familles{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Pour qui */
.pourqui{display:grid;gap:var(--e-4)}
.pourqui li{display:grid;gap:var(--e-3);align-content:start}
.pourqui li:nth-child(2){margin-top:var(--e-4)}
.pourqui q{position:relative;padding:var(--e-4) var(--e-5);border-radius:18px 18px 18px 4px;background:var(--fenetre);box-shadow:inset 0 0 0 1px var(--filet),var(--ombre-fenetre);color:var(--encre);font-size:var(--t-md);font-weight:600;line-height:1.4;quotes:'"' '"';transform:rotate(-1deg)}
.pourqui li:nth-child(2) q{transform:rotate(1deg)}
.pourqui b{font-family:var(--police-fichier);font-size:var(--t-xs);font-weight:700;letter-spacing:0;color:var(--encre-douce)}
.pourqui-action{display:grid;justify-items:start;gap:var(--e-2);margin-top:var(--e-6)}
.pourqui-action p{font-family:var(--police-fichier);font-size:var(--t-xs);color:var(--encre-douce)}
@media(min-width:900px){.pourqui{grid-template-columns:repeat(3,minmax(0,1fr))}.pourqui-action{justify-items:center;text-align:center}}

/* Sécurité des données, sur la scène */
.rgpds{display:grid;gap:var(--e-5)}
.rgpd{display:grid;grid-template-columns:auto 1fr;gap:var(--e-4);align-items:start;padding:var(--e-5);border-radius:var(--rayon-fenetre);background:rgb(var(--sur-scene-rvb) / .06);box-shadow:inset 0 0 0 1px rgb(var(--sur-scene-rvb) / .14)}
.rgpd h3{font-size:var(--t-md);line-height:1.25;margin-bottom:var(--e-2)}
.rgpd p{color:var(--sur-scene-doux);font-size:var(--t-sm);line-height:1.5}
@media(min-width:900px){.rgpds{grid-template-columns:1fr 1fr}}

/* Méthode : l'étiquette neutre des étapes */
.puce--neutre{background:var(--fond-2);color:var(--encre-douce)}

/* Missions : sur la scène, la fenêtre garde son encre de page claire */
.scene-surface .fenetre{color:var(--encre)}
.scene-surface .fenetre .lien,.scene-surface .fenetre h3{color:var(--encre)}
.scene-surface .fenetre .cas-titre{color:var(--encre-douce)}
.scene-surface .section-intro{color:var(--sur-scene-doux)}
/* Missions : deux colonnes, onglets avec le type de client */
.cas-qui{font-family:var(--police-fichier);font-size:var(--t-2xs);color:var(--encre-douce)}
@media(min-width:900px){.cas-panneau--deux{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){#resultats .cas-onglets{justify-content:flex-start}#resultats .cas-onglet{flex:0 1 300px}}
#resultats .temoins{margin-top:var(--e-7)}

/* Tarifs : la fenêtre d'installation */
.installateur{max-width:980px;overflow:visible}
.installateur .fenetre-barre{border-radius:var(--rayon-fenetre) var(--rayon-fenetre) 0 0}
.autocollant--installation{right:var(--e-4);top:-18px;background:var(--vert-moyen);color:var(--nuit);transform:rotate(3deg)}
@media(max-width:559px){.autocollant--installation{position:static;justify-self:start;margin:var(--e-4) var(--e-4) 0;transform:rotate(-1.5deg)}}
.installateur .fenetre-corps{gap:var(--e-5)}
.inclus{display:grid;gap:var(--e-2)}
.inclus li{display:flex;justify-content:space-between;gap:var(--e-3);align-items:baseline;padding:var(--e-2) 0;border-bottom:1px dashed var(--filet)}
.inclus li span:first-child::before{content:"✓ ";font-family:var(--police-fichier);font-weight:700;color:var(--ok)}
.offert{flex-shrink:0;padding:2px var(--e-2);border-radius:var(--pilule);background:var(--vert-pale);color:var(--vert);font-family:var(--police-fichier);font-size:var(--t-xs);font-weight:700}
.plus-loin{display:grid;gap:var(--e-3);padding:var(--e-5);border-radius:var(--rayon-fenetre);background:var(--fond-2)}
.plus-loin ul{display:grid;gap:var(--e-2);font-size:var(--t-sm)}
.plus-loin li::before{content:"+ ";font-family:var(--police-fichier);font-weight:700;color:var(--encre-douce)}
.plus-loin-note{font-size:var(--t-sm);color:var(--encre-douce)}
.tarif-pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e-4)}
.prix{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--e-2) var(--e-4)}
.prix strong{font-size:var(--t-2xl);font-weight:800;letter-spacing:-.04em;line-height:1;font-variation-settings:"opsz" 96}
.prix span{font-family:var(--police-fichier);font-size:var(--t-sm);color:var(--encre-douce)}
.installateur > .fenetre-corps > .fichier{color:var(--encre-douce)}
@media(min-width:900px){.inclus{grid-template-columns:1fr 1fr;column-gap:var(--e-7)}}

/* Biographie des libéraux : texte à gauche, photo à droite */
.bio-liberaux .parcours-texte > p:not(.etiquette){font-size:var(--t-md);line-height:1.55;max-width:48ch}
.photo-bio .fenetre-barre .fichier{flex:1}
.bio-liberaux .photo-bio{position:relative;overflow:visible;transform:rotate(2deg)}
.bio-liberaux .photo-bio img{border-radius:0 0 var(--rayon-fenetre) var(--rayon-fenetre)}
.bio-liberaux .photo-bio .fenetre-barre{border-radius:var(--rayon-fenetre) var(--rayon-fenetre) 0 0}
.autocollant--dispo{left:-14px;bottom:28px;background:var(--rouge);color:var(--nuit);font-size:var(--t-sm);transform:rotate(-4deg)}
@media(min-width:1024px){.bio-liberaux{grid-template-columns:7fr 5fr}}

/* Mes réflexions : trois fenêtres, défilement horizontal sur téléphone */
.reflexions-section{background:var(--fond-2)}
.reflexions{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:var(--e-4);overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--e-4) * -1);padding:var(--e-2) var(--e-4) var(--e-5)}
.reflexion{scroll-snap-align:start;transition:transform var(--duree-secondaire) var(--courbe)}
.reflexion .fenetre-barre{background:var(--alerte-barre)} /* la barre grise se confondait avec le fond de la section */
.reflexion:nth-child(3) .fenetre-barre{background:var(--vert-pale)}
[data-theme="dark"] .reflexion:nth-child(3) .fenetre-barre{background:var(--fond)}
.reflexion:nth-child(1){transform:rotate(-.8deg)}
.reflexion:nth-child(3){transform:rotate(.8deg)}
.reflexion:hover{transform:translateY(-4px) rotate(0)}
.reflexion h3{font-size:var(--t-md);line-height:1.3}
.reflexion h3 a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}
.reflexion h3 a::after{content:"";position:absolute;inset:0}
.reflexion p{color:var(--encre-douce);font-size:var(--t-sm)}
.reflexion .suite{margin-top:auto;font-weight:800;font-size:var(--t-sm);text-decoration:underline;text-decoration-color:var(--rouge);text-decoration-thickness:2px;text-underline-offset:4px}
.reflexion a:focus-visible{outline:none}
.reflexion:has(a:focus-visible){outline:2px solid var(--focus);outline-offset:4px}
@media(min-width:900px){.reflexions{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:var(--e-5)}}

/* Vos questions : des volets qui s'ouvrent */
.reflexions-section + #faq{padding-top:var(--e-8)!important}
.questions{display:grid;gap:var(--e-3);max-width:880px}
.question{border-radius:var(--rayon-fenetre);background:var(--fenetre);box-shadow:inset 0 0 0 1px var(--filet)}
.question summary{display:flex;justify-content:space-between;align-items:center;gap:var(--e-4);min-height:56px;padding:var(--e-3) var(--e-5);font-weight:800;font-size:var(--t-base);line-height:1.3;cursor:pointer;list-style:none}
.question summary::-webkit-details-marker{display:none}
.question-signe{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--fond-2);font-family:var(--police-fichier);font-weight:700}
.question-signe::before{content:"+"}
.question[open] .question-signe::before{content:"−"}
.question[open] summary{border-bottom:1px solid var(--filet)}
.question p{padding:var(--e-4) var(--e-5) var(--e-5);color:var(--encre-douce);line-height:1.6}
.question summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--rayon-fenetre)}

/* Formulaire */
.formulaire{max-width:880px}
.formulaire .fenetre-corps{gap:var(--e-4)}
.champ{display:grid;gap:var(--e-2)}
.champ label{font-weight:700;font-size:var(--t-sm)}
.champ input,.champ select,.champ textarea{width:100%;min-height:48px;padding:var(--e-3) var(--e-4);border:1px solid var(--filet-fort);border-radius:10px;background:var(--fond);color:var(--encre);font:inherit;font-size:var(--t-base)}
.champ textarea{resize:vertical}
.champ :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.consentement{font-size:var(--t-sm);color:var(--encre-douce)}
.consentement a{color:var(--encre);text-underline-offset:3px}
.envoi{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-4)}
.envoi-etat{font-family:var(--police-fichier);font-size:var(--t-xs);color:var(--encre-douce)}
@media(min-width:760px){.formulaire .fenetre-corps{grid-template-columns:1fr 1fr}.champ--large,.consentement,.envoi{grid-column:1 / -1}}

/* Clôture */
.cta-final{display:grid;justify-items:center;gap:var(--e-5);text-align:center}
.cta-final h2{font-size:var(--t-2xl)}
.cta-final p{font-size:var(--t-md);line-height:1.55;max-width:48ch}